import { IconButton } from '@mui/material';
import { type Meta, type StoryObj } from '@storybook/react-vite';
import { IconInfoCircle } from '@tabler/icons-react';

const meta: Meta<typeof IconButton> = {
  title: 'Design System/Buttons/IconButton',
  component: IconButton,
  tags: ['autodocs'],
  args: {
    children: <IconInfoCircle />,
    disabled: false,
  },
  argTypes: {
    variant: {
      control: 'radio',
      options: [
        'primary',
        'secondary',
        'tertiary',
        'tertiary-filled',
        'success',
        'error',
      ],
      table: {
        defaultValue: { summary: 'tertiary' },
      },
    },
    size: {
      control: 'radio',
      options: ['small', 'large'],
      table: {
        defaultValue: { summary: 'large' },
      },
    },
  },
};

export default meta;

type Story = StoryObj<typeof meta>;

export const Default: Story = {
  args: {},
};