import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Checkbox } from './checkbox.js';
import { Label } from './label.js';
const meta = {
    title: 'Primitives/Checkbox',
    component: Checkbox,
    parameters: {
        layout: 'centered',
    },
    tags: ['autodocs'],
};
export default meta;
export const Default = {
    render: () => _jsx(Checkbox, {}),
};
export const Checked = {
    render: () => _jsx(Checkbox, { defaultChecked: true }),
};
export const Disabled = {
    render: () => (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx(Checkbox, { disabled: true }), _jsx(Checkbox, { disabled: true, defaultChecked: true })] })),
};
export const WithLabel = {
    render: () => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Checkbox, { id: "terms" }), _jsx(Label, { htmlFor: "terms", children: "Accept terms and conditions" })] })),
};
