decouple-state-as-prop

decouple-state-as-prop.js

import { withStatechart } from "react-automata"
import alarmMachine from "./alarmMachine"

const AlarmClock = ({ machineState }) => {
  switch (machineState.value) {
    case "Snoozing":
      return <Clock />
    case "Ringing":
      return <Clock ringing />
    default:
      return null
  }
};

export default withStatechart(alarmMachine)(AlarmClock)