import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Label } from './label.js';
import { Switch } from './switch.js';
const meta = {
    title: 'Primitives/Switch',
    component: Switch,
    parameters: {
        layout: 'centered',
    },
    tags: ['autodocs'],
    argTypes: {
        checked: {
            control: 'boolean',
        },
        disabled: {
            control: 'boolean',
        },
        size: {
            control: 'select',
            options: ['default', 'sm'],
        },
    },
};
export default meta;
export const Default = {
    args: {
        size: 'default',
    },
};
export const Checked = {
    args: {
        defaultChecked: true,
    },
};
export const Small = {
    args: {
        size: 'sm',
        defaultChecked: true,
    },
};
export const DisabledWithLabel = {
    render: () => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { id: "switch-airplane-mode", disabled: true }), _jsx(Label, { htmlFor: "switch-airplane-mode", children: "Airplane mode" })] })),
};
