toogle.js

const toggleMachine = createMachine({
    id: 'toggle',
    initial: 'inactive',
    states: {
        inactive: { on: { TOGGLE: 'active' } },
        active: { on: { TOGGLE: 'inactive' } }
    }
});

class SimpleToggle {
    constructor() {
        this.isActive = 'inactive';
    }
    toggle(){
        this.isActive = this.isActive === 'active' ? 'inactive' : 'active';
    }
}