import Badge from '#ui/Common/Badge';

import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5';

type Story = StoryObj<typeof Badge>;
type Meta = MetaObj<typeof Badge>;

export const Default: Story = {
  args: {
    kind: 'default',
  },
};

export const Error: Story = {
  args: {
    kind: 'error',
  },
};

export const Warning: Story = {
  args: {
    kind: 'warning',
  },
};

export const Info: Story = {
  args: {
    kind: 'info',
  },
};

export const Neutral: Story = {
  args: {
    kind: 'neutral',
  },
};

export const Small: Story = {
  args: {
    size: 'small',
  },
};

export const Medium: Story = {
  args: {
    size: 'medium',
  },
};

export const Circular: Story = {
  args: {
    children: 'D',
    size: 'small',
    kind: 'error',
  },
};

export const MediumCircular: Story = {
  args: {
    children: 'E',
    kind: 'warning',
  },
};

export default { component: Badge, args: { children: 'Badge' } } as Meta;
