import { state } from './state'
import * as actions from './actions'
export const useAppState = createStateHook()
export const useActions = createActionsHook()
export const useEffects = createEffectsHook()
export const useReaction = createReactionHook()
import * as React from 'react'
import { render } from 'react-dom'
import { createOvermind } from 'overmind'
import { Provider } from 'overmind-react'
import { config } from './overmind'
import App from './components/App'
const overmind = createOvermind(config)
<Provider value={overmind}>
), document.querySelector('#app'))
import * as React from 'react'
import { useAppState, useActions, useEffects, useReaction } from '../overmind'
const state = useAppState()
const actions = useActions()
const effects = useEffects()
const reaction = useReaction()
const { isLoggedIn } = useAppState().auth
const { login, logout } = useActions().auth