import type { Meta, StoryObj } from '@storybook/react'
import { SegmentButton } from './SegmentButton'

const meta: Meta<typeof SegmentButton> = {
  title: 'Blocks/SegmentButton',
  component: SegmentButton,
  argTypes: {
    variant: {
      control: {
        type: 'radio',
      },
      options: ['default', 'active'],
    },
    size: {
      control: {
        type: 'radio',
      },
      options: ['default', 'sm', 'xs'],
    },
    pressed: {
      control: {
        type: 'boolean',
      },
    },
    disabled: {
      control: {
        type: 'boolean',
      },
    },
  },
}

export default meta
type Story = StoryObj<typeof SegmentButton>

export const Default: Story = {
  args: {
    children: 'SegmentButton',
  },
}

export const Pressed: Story = {
  args: {
    children: 'SegmentButton',
    pressed: true,
  },
}

export const Small: Story = {
  args: {
    children: 'SegmentButton',
    size: 'sm',
  },
}

export const SmallPressed: Story = {
  args: {
    children: 'SegmentButton',
    size: 'sm',
    pressed: true,
  },
}

export const Disabled: Story = {
  args: {
    children: 'SegmentButton',
    disabled: true,
  },
}

export const DisabledPressed: Story = {
  args: {
    children: 'SegmentButton',
    disabled: true,
    pressed: true,
  },
}