import FormSelect from ".";
import { ComponentStory, ComponentMeta } from '@storybook/react';
export default {
    title: 'Components/Select',
    component: FormSelect,
    argTypes: {
        variant: {
            options: ['outlined', 'filled'],
            control: { type: 'radio' },
        },
        size: {
            options: ['small', 'medium'],
            control: { type: 'radio' },
        },
        optionsType: {
            options: ['default', 'checkbox', 'chips'],
            control: { type: 'radio' }
        }
    }
} as ComponentMeta<typeof FormSelect>

const options1 = [
    { label: 'Oliver Hansen', value: 0 },
    { label: 'Van Henry', value:1 },
    { label: 'April Tucker', value: 2 },
    { label: '3insys', value: 3 }
];

const Template: ComponentStory<typeof FormSelect> = (args) => <FormSelect {...args} />

export const FormComponent = Template.bind({});

FormComponent.args = {
    variant: "outlined",
    size: 'small',
    multiple: false,
    options: options1,
    optionsType: "default",
    itemHeight :48,
    itemPaddingTop: 8,
    itemWidth:20,
    value:1,
    sx: {
        backgroundColor: ""
    },
    itemStyles:{

    },
};