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

  const fetchMachine = Machine({
    id: 'loginForm',
    initial: 'register',
    states: {
      register: {
        on: {
          SUBMIT: 'loading'
        }
      },
      loading: {
        on: {
          SUCCESS: 'authenticated',
          FAIL: 'error',
          CANCEL: 'register',
        }
      },
      authenticated: {
        onEntry: ['authenticate']
      },
      error: {
        onEntry: ['setError'],
        on: {
          TRY_AGAIN: 'loading'
        }
      }
    }
  });