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

machine.js

const machine = Machine({
  id: 'modalMachine',
  initial: 'closed',
  states: {
    closed: {
      on: {
        OPEN: 'open',
        TOGGLE: 'open',
      },
    },
    closing: {
      after: {
        1000: 'closed',
      },
    },
    open: {
      on: {
        CLOSE: 'closing',
        TOGGLE: 'closing',
      },
    },
  },
});