import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Input } from './input.js';
import { Label } from './label.js';
const meta = {
    title: 'Primitives/Input',
    component: Input,
    parameters: {
        layout: 'centered',
    },
    tags: ['autodocs'],
    argTypes: {
        type: {
            control: 'select',
            options: ['text', 'email', 'password', 'number', 'search', 'tel', 'url'],
        },
        disabled: {
            control: 'boolean',
        },
    },
};
export default meta;
export const Default = {
    args: {
        placeholder: 'Enter text...',
    },
};
export const Email = {
    args: {
        type: 'email',
        placeholder: 'Email address',
    },
};
export const Password = {
    args: {
        type: 'password',
        placeholder: 'Password',
    },
};
export const Disabled = {
    args: {
        disabled: true,
        placeholder: 'Disabled input',
    },
};
export const WithLabel = {
    render: () => (_jsxs("div", { className: "grid w-full max-w-sm items-center gap-1.5", children: [_jsx(Label, { htmlFor: "email", children: "Email" }), _jsx(Input, { type: "email", id: "email", placeholder: "Email" })] })),
};
export const WithValue = {
    args: {
        defaultValue: 'Hello World',
    },
};
export const File = {
    render: () => (_jsxs("div", { className: "grid w-full max-w-sm items-center gap-1.5", children: [_jsx(Label, { htmlFor: "picture", children: "Picture" }), _jsx(Input, { id: "picture", type: "file" })] })),
};
