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

import { rows, columns } from './__tests__/data';
import N8nDatatable from './Datatable.vue';

export default {
	title: 'Atoms/Datatable',
	component: N8nDatatable,
};

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

Default.args = {
	columns,
	rows,
};
