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

machine.js

// simple mute volume controll

function mute(){
  console.log('🔇 muted')
}
function unmute(){
  console.log('👂 unmuted')
}

const volumeMachine = Machine({
  id: 'volume',
  initial: 'heard',
  states: {
    heard: { // idle
      on: {
        MUTE_TOGGLE: 'muted',
      },
    },
    muted: {
      entry: ()=> mute(),
      on: {
        MUTE_TOGGLE: 'heard',
      },
      exit: ()=> unmute(),
    },
  }
},
);