const options = ['save', 'delete', 'forward']

const $message = createStore({id: 1, text: 'Bring me a cup of coffee, please!'})

const $mode = createStore('')

const selectedMessageOption = createEvent()

const saveMessageFx = createEffect(() => 'save')

const forwardMessageFx = createEffect(() => 'forward')

const deleteMessageFx = createEffect(() => 'delete')

​

$mode.on(selectedMessageOption, (_, opt) => options.find(item => item === opt))

​

split({

  source: $message,

  clock: selectedMessageOption,

  match: $mode,

  cases: {

    save: saveMessageFx,

    delete: deleteMessageFx,

    forward: forwardMessageFx,

  },

})

​

selectedMessageOption('delet') // nothing happens

selectedMessageOption('delete')

​