import type { Meta, StoryObj } from '@storybook/react';
import { fn } from '@storybook/test';

import <%= componentName %> from './';

const meta = {
  title: 'Example/<%= componentName %>',
  component: <%= componentName %>,
  parameters: {
    layout: 'centered'
  },
  tags: ['autodocs'],
  argTypes: {
    backgroundColor: { control: 'color' }
  },
  args: { onClick: fn() }
} satisfies Meta<typeof <%= componentName %>>;

export default meta;
type Story = StoryObj<typeof meta>;

export const Primary: Story = {
  args: {
    primary: true,
    label: '<%= componentName %>'
  }
};