import {StoruProvider} from 'storu'
import * as actions from './actions'
 
function App(){
    return <StoruProvider actions={actions}>
        <Auth />
    </StoruProvider>
}
 
function Auth(){
    const storu = useStoru()
    const {user,actions,setState} = storu
 
    const isSignedIn = user&&user.name
    return <div>
        <span>{user.name}</span>
        {!isSignedIn ?
            <button onClick={actions.login('fognet','*****')}> 
                sign in!
            </button> :
            <button onClick={()=>setState({user:null})}>
                click to logout
            </button>
        }
    </div>
}