procyon/stories/components/Button/Button.storiesX.tsx

import React from 'react';

import { action } from '@storybook/addon-actions';
import { Meta, Story } from '@storybook/react';

import Button, { ButtonType } from '@treejs/components/Button';

const Template: Story<ButtonType> = (args) => <Button {...args} />;

export const Default = Template.bind({});
Default.args = {
	label: 'Button',
	onClick: action('clicked'),
};

export const WithElement = Template.bind({});
WithElement.args = {
	label: <b>Element</b>,
	onClick: action('clicked'),
};

export default {
	title: 'Components/Button',
	component: Button,
	parameters: {
		layout: 'centered',
		docs: {
			page: require('./Button.stories.mdx').default,
		},
	},
} as Meta;