import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue, } from './select';
const meta = {
    title: 'Primitives/Select',
    component: Select,
    parameters: {
        layout: 'centered',
    },
    tags: ['autodocs'],
};
export default meta;
export const Default = {
    render: () => (_jsxs(Select, { children: [_jsx(SelectTrigger, { className: "w-[180px]", children: _jsx(SelectValue, { placeholder: "Select a fruit" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "apple", children: "Apple" }), _jsx(SelectItem, { value: "banana", children: "Banana" }), _jsx(SelectItem, { value: "blueberry", children: "Blueberry" }), _jsx(SelectItem, { value: "grapes", children: "Grapes" }), _jsx(SelectItem, { value: "pineapple", children: "Pineapple" })] })] })),
};
export const WithGroups = {
    render: () => (_jsxs(Select, { children: [_jsx(SelectTrigger, { className: "w-[280px]", children: _jsx(SelectValue, { placeholder: "Select a timezone" }) }), _jsxs(SelectContent, { children: [_jsxs(SelectGroup, { children: [_jsx(SelectLabel, { children: "North America" }), _jsx(SelectItem, { value: "est", children: "Eastern Standard Time (EST)" }), _jsx(SelectItem, { value: "cst", children: "Central Standard Time (CST)" }), _jsx(SelectItem, { value: "mst", children: "Mountain Standard Time (MST)" }), _jsx(SelectItem, { value: "pst", children: "Pacific Standard Time (PST)" })] }), _jsxs(SelectGroup, { children: [_jsx(SelectLabel, { children: "Europe" }), _jsx(SelectItem, { value: "gmt", children: "Greenwich Mean Time (GMT)" }), _jsx(SelectItem, { value: "cet", children: "Central European Time (CET)" })] })] })] })),
};
export const Disabled = {
    render: () => (_jsxs(Select, { disabled: true, children: [_jsx(SelectTrigger, { className: "w-[180px]", children: _jsx(SelectValue, { placeholder: "Disabled" }) }), _jsx(SelectContent, { children: _jsx(SelectItem, { value: "apple", children: "Apple" }) })] })),
};
export const WithDefaultValue = {
    render: () => (_jsxs(Select, { defaultValue: "banana", children: [_jsx(SelectTrigger, { className: "w-[180px]", children: _jsx(SelectValue, { placeholder: "Select a fruit" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "apple", children: "Apple" }), _jsx(SelectItem, { value: "banana", children: "Banana" }), _jsx(SelectItem, { value: "blueberry", children: "Blueberry" })] })] })),
};
