xstateful-react-provider

xstateful-react-provider.jsx

import * as React from 'react'

import { Display, Time } from './components'
import ClockMachine from './Machine'

export default class Clock extends React.Component {
  render() {
    return (
      <ClockMachine.Provider>
        <ClockMachine.Control onDidMount={this.init}>
          <Display>
            <Time />
          </Display>
        </ClockMachine.Control>
      </ClockMachine.Provider>
    )
  }
}