import { CheckBox } from "@components/CheckBox/Checkbox";
import { Meta, StoryObj } from "@storybook/react";

const meta = {
    title: "Example/CheckBox",
    component: CheckBox,
    parameters: {
        layout: "centered",
    },
    tags: ["autodocs"],
    argTypes: {
        size: {
            control: { type: "select", options: ["small", "medium", "large"] },
        },
        color: {
            control: { type: "select", options: ["primary", "secondary"] },
        },
    },
} satisfies Meta<typeof CheckBox>;

export default meta;
type Story = StoryObj<typeof meta>;

export const Primary: Story = {
    args: {
        color: "primary",
    },
};

export const DefaultChecked: Story = {
    name: "Aisera-Default checked",
    args: {
        defaultChecked: true,
    },
};

export const Disabled = {
    name: "Aisera-Disabled",
    args: {
        disabled: true,
        checked: true,
    },
};

export const ReadOnly: Story = {
    args: {
        readOnly: true,
        checked: true
    },
};

// export const Small: Story = {
//     args: {
//         size: "small",
//     },
// };

// export const Warning: Story = {
//     args: {
//         color: "error",
//         checked: true,
//     },
// };