31 lines
839 B
JavaScript
31 lines
839 B
JavaScript
import { useMachine } from '@xstate/react'
|
|
import { Counter, Toggle } from '../components'
|
|
import { toggleMachine } from '../machines/toggleMachine'
|
|
import { counterMachine } from '../machines/counterMachine'
|
|
|
|
const IndexPage = () => {
|
|
const [toggleCurrent, toggleSend] = useMachine(toggleMachine)
|
|
const [counterCurrent, counterSend] = useMachine(counterMachine, {
|
|
context: { count: 999 },
|
|
})
|
|
|
|
return (
|
|
<div>
|
|
<Counter
|
|
counter={{
|
|
count: counterCurrent.context.count,
|
|
increment: () => counterSend('INC'),
|
|
decrement: () => counterSend('DEC'),
|
|
reset: () => counterSend('RESET'),
|
|
}}
|
|
/>
|
|
<hr />
|
|
<Toggle
|
|
onToggle={() => toggleSend('TOGGLE')}
|
|
active={toggleCurrent.matches('active')}
|
|
/>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default IndexPage
|