import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Label } from './label';
import { Input } from './input';
const meta = {
    title: 'UI/Label',
    component: Label,
    parameters: {
        layout: 'centered',
    },
    tags: ['autodocs'],
};
export default meta;
export const Default = {
    args: {
        children: 'Label text',
    },
};
export const WithInput = {
    render: () => (_jsxs("div", { className: "grid w-full max-w-sm items-center gap-1.5", children: [_jsx(Label, { htmlFor: "name", children: "Your name" }), _jsx(Input, { id: "name", placeholder: "John Doe" })] })),
};
export const Required = {
    render: () => (_jsxs("div", { className: "grid w-full max-w-sm items-center gap-1.5", children: [_jsxs(Label, { htmlFor: "email", children: ["Email ", _jsx("span", { className: "text-destructive", children: "*" })] }), _jsx(Input, { id: "email", type: "email", placeholder: "you@example.com", required: true })] })),
};
