import React from "react";
import ReactDOM from "react-dom";
import {ReusableProvider, createStore} from 'reusable';
import {useState} from 'react';

const useCounter = createStore(() => useState(0));

export function Counter() {
  const [counter] = useCounter();

  return (
    <div>
        {counter}
    </div>
  );
}

function App() {
  return (
    <ReusableProvider>
      <Counter/>
    </ReusableProvider>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);