import React from 'react'

import ReactDOM from 'react-dom'

import {createStore, createApi} from 'effector'

import {useStore} from 'effector-react'

const counter = createStore(0)

const {increment, decrement} = createApi(counter, {

  increment: state => state + 1,

  decrement: state => state - 1,

})

const Counter = () => {

  const state = useStore(counter)

  return (

    <div>

      {state}

      <button onClick={increment}>Increment</button>

      <button onClick={decrement}>Decrement</button>

    </div>

  )

}

ReactDOM.render(<Counter />, document.getElementById('root'))