Generated by XState Viz: https://xstate.js.org/viz

TrafficLightMachine.js

const lightMachine = Machine({
  id: 'light',
  initial: 'green',
  states: {
    green: {
      after: {
        1500: 'yellow'
      },
      on: {
        CHANGE: 'yellow'
      }
    },
    yellow: {
      after: {
        500: 'red'
      },
      on: {
        CHANGE: 'red'
      }
    },
    red: {
      after: {
        2000: 'green'
      },
      on: {
        CHANGE: 'green'
      }
    }
  }
});