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

import {Pill} from './index';

const meta: Meta<typeof Pill> = {
  title: 'HuGo/Pill',
  component: Pill,
  argTypes: {
    text: {control: 'text'},
    variant: {
      control: 'radio',
      options: [
        'primary',
        'info',
        'highlight',
        'neutral',
        'disabled',
        'success',
        'warning',
        'error',
      ],
    },
    size: {control: 'radio', options: ['sm', 'md']},
    withIcon: {control: 'boolean'},
  },
};

type Story = StoryObj<typeof Pill>;

export const PillComponent: Story = {
  args: {
    text: 'Pill text',
    variant: 'primary',
    size: 'sm',
    withIcon: true,
  },
};

export default meta;
