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

machine.js

Machine({
	id: 'loading',
	initial: 'hide',
	states: {
		hide: {
			on: {
				SHOW_NOW: 'show',
				SHOW: {
					actions: send('SHOW_NOW', { delay: 50, id: 'show' }),
				},
				HIDE: {
					actions: actions.cancel('show'),
				},
			},
		},
		show: {
			on: {
				HIDE_NOW: 'hide',
				HIDE: {
					actions: send('HIDE_NOW', { delay: 1000, id: 'hide' }),
				},
				SHOW: {
					actions: actions.cancel('hide'),
				},
			},
		},
	},
});