renerbaffa

interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
  icon: React.ReactNode
  // ...other props
}

interface CustomDivProps extends React.HTMLAttributes<HTMLDivElement> {
  content: string
  // ...other props
}

renerbaffa

const TIMEOUT = 3000

Machine({
  id: 'fetchMachine',
  initial: 'idle',
  context: {
    response: null,
    error: null,
  },
  states: {

renerbaffa

const { cancel } = actions

function saveChanges() {
  console.log('here')
}

const fetchMachine = Machine({
  id: 'selectionMachine',
  type: 'parallel',
  states: {

renerbaffa

// Available variables:
// - Machine
// - interpret
// - assign
// - send
// - sendParent
// - spawn
// - raise
// - actions
// - XState (all XState exports)

renerbaffa

// 1

function fetchUsers() {}

const fetchMachine = Machine({
  id: 'multi-admin',
  initial: 'fetch-users',
  context: {
    allUsers: [],
    selected: [],

renerbaffa

function fetchData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      reject();
    }, 1000);
  });
}

const goatMachine = Machine({
  initial: "idle",

renerbaffa

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

renerbaffa

const priceCalculatorMachine = Machine({
  id: 'priceCalculatorMachine',
  initial: 'active',
  context: {
    flag: false,
  },
  states: {
    active: {
      on: {
        TOGGLE: {