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

import { Select } from './Select.tsx';

type Story = StoryObj<typeof Select>;

export default { component: Select, tags: ['autodocs'] } as Meta<typeof Select>;

export const Default: Story = {
  args: {
    children: (
      <>
        <Select.Trigger className="w-[180px]">
          <Select.Value placeholder="Select a fruit" />
        </Select.Trigger>
        <Select.Content>
          <Select.Group>
            <Select.Label>Fruits</Select.Label>
            <Select.Item value="apple">Apple</Select.Item>
            <Select.Item value="banana">Banana</Select.Item>
            <Select.Item value="blueberry">Blueberry</Select.Item>
            <Select.Item value="grapes">Grapes</Select.Item>
            <Select.Item value="pineapple">Pineapple</Select.Item>
          </Select.Group>
        </Select.Content>
      </>
    )
  }
};