0xjcf

import { createMachine, send } from "xstate";

createMachine({
  id: "traffic-light-machine",
  type: "parallel",
  states: {
    trafficSignal: {
      initial: "greenLight",
      states: {
        greenLight: {

0xjcf

const modalMachine = Machine({
  id: 'modal-machine',
  initial: 'logIn',
  states: {
    logIn: {
      initial: 'idle',
      states: {
        idle: {}
      },
      on: {

0xjcf

const doorMachine = Machine({
  id: 'door',
  initial: 'locked',
  states: {
    locked: {
      id: 'locked',
      on: {
        UNLOCKED: 'unlocked'
      }
    },

0xjcf

const bulbMachine = Machine(
  {
    id: 'lightBulb',
    initial: 'unlit',
    context: {
      color: '#fff'
    },
    states: {
      lit: {
        on: {