import type { Meta, StoryObj } from '@storybook/react';
import Icon from '../../atoms/Icon/Icon.tsx';

import Button from './Button.tsx';

const meta: Meta<typeof Button> = {
  component: Button,
  title: 'Molecules/Button',
  tags: ['autodocs'],
};

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

export const Default: Story = {
  args: {
    children: 'Button',
    size: 'medium',
  },
};

export const Danger: Story = {
  args: {
    children: 'Button',
    size: 'medium',
    danger: true,
  },
};

export const IconButton: Story = {
  args: {
    children: <Icon name="star" size={20} style={{ color: 'var(--iconBrandOnBrandPrimary)' }} />,
    size: 'medium',
    isIconType: true,
  },
};