import { Meta, StoryObj } from '@storybook/react-vite'
import {
    Select,
} from '../'

const meta = {
    title: 'Select',
    component: () => (
        <Select.Root>
            <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>
        </Select.Root>
    ),
    parameters: {
        layout: 'centered',
    },
} satisfies Meta<{}>

export default meta

type Story = StoryObj<typeof meta>

//render componente
export const SelectDemo: Story = {
    args: {},
}