import type { Meta, StoryObj } from '@storybook/react-vite';

import { IconButton } from './IconButton';

const meta: Meta<typeof IconButton> = {
  title: 'UI kit/IconButton',
  component: IconButton,
  tags: ['autodocs'],
  argTypes: { onClick: { action: 'onClick' } },
};

export default meta;

type Story = StoryObj<typeof IconButton>;

export const Default: Story = {
  args: {
    icon: 'shp-face-positive',
  },
};

/**
 * All button variants in disabled state look same.
 */
export const Disabled: Story = {
  args: {
    icon: 'shp-face-positive',
    disabled: true,
  },
};

/**
 * All button variants in loading state look same.
 */
export const Loading: Story = {
  args: {
    isLoading: true,
  },
};

export const Primary: Story = {
  args: {
    icon: 'shp-face-positive',
    variant: `primary`,
  },
};

export const Secondary: Story = {
  args: {
    icon: 'shp-face-positive',
    variant: `secondary`,
  },
};

export const Action: Story = {
  args: {
    icon: 'shp-face-positive',
    variant: `action`,
  },
};

export const Destructive: Story = {
  args: {
    icon: 'shp-face-positive',
    variant: `destructive`,
  },
};

export const Ghost: Story = {
  args: {
    icon: 'shp-face-positive',
    ghost: true,
  },
};