import React from 'react'
import { useBistate, useMutate } from 'bistate/react'

export default function Counter() {
  let state = useBistate({ count: 0 })
  let incre = useMutate(() => {
    state.count += 1
  })

  let decre = useMutate(() => {
    state.count -= 1
  })

  return (
    <div>
      <button onClick={incre}>+1</button>
      {state.count}
      <button onClick={decre}>-1</button>
    </div>
  )
}