import { exposeState } from 'expose-state'
import React from 'react'
import { render } from 'react-dom'
 
const [GlobalError, globalErrorState] = exposeState(
  (errorMessage, props) =>
    errorMessage && <Message text={errorMessage} {...props} />,
)(null)
 
const Message = ({ text }) => <div>{text}</div>
 
render(
  <div>
    <GlobalError />
    <h1>Welcome!</h1>
  </div>,
  document.querySelector('#root'),
)
 
window.addEventListener(
  'error',
  event => globalErrorState.setState(event.message),
)

const [ShowCount, store] = exposeState(
  count => <Count value={count} />,
)(0)
 
const unsubscribe = store.subscribe(count => {
  console.log(`count: ${count}`)
})
 
const currentCount = store.getState()
store.setState(currentCount + 1)
 
unsubscribe()