import * as React from 'react';
import { render } from 'react-dom';
import { createStore } from 'nedux';
import { createStoreHook } from 'react-nedux';
 
const store = createStore({
  counter: 0,
});
 
const useStore = createStoreHook(store);
 
const increment = () => store.set('counter', prev => prev + 1);
const decrement = () => store.set('counter', prev => prev - 1);
 
const App = () => {
  const [counter] = useStore('counter');
 
  return (
    <span>
      <p>you've clicked {counter} times</p>
      <button onClick={increment}>+</button>
      <button onClick={decrement}>-</button>
    </span>
  );
};
 
const rootElement = document.getElementById('root');
render(<App />, rootElement);