import type { StoryFn } from '@storybook/vue3-vite';

import N8nKeyboardShortcut from './N8nKeyboardShortcut.vue';

export default {
	title: 'Core/KeyboardShortcut',
	component: N8nKeyboardShortcut,

	parameters: {
		docs: {
			description: { component: 'A visual representation of keyboard shortcut key combinations.' },
		},
	},
};

const template: StoryFn = (args, { argTypes }) => ({
	setup: () => ({ args }),
	props: Object.keys(argTypes),
	components: {
		N8nKeyboardShortcut,
	},
	template: '<n8n-keyboard-shortcut v-bind="args" />',
});

export const Default = template.bind({});
Default.args = {
	keys: ['s'],
};