import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Textarea } from './textarea.js';
import { Label } from './label.js';
const meta = {
    title: 'Primitives/Textarea',
    component: Textarea,
    parameters: {
        layout: 'centered',
    },
    tags: ['autodocs'],
    argTypes: {
        disabled: { control: 'boolean' },
        rows: { control: 'number' },
    },
};
export default meta;
export const Default = {
    args: { placeholder: 'Type your message here...' },
};
export const WithLabel = {
    render: () => (_jsxs("div", { className: "grid w-full max-w-sm gap-1.5", children: [_jsx(Label, { htmlFor: "description", children: "Description" }), _jsx(Textarea, { id: "description", placeholder: "Describe the feature..." })] })),
};
export const Disabled = {
    args: { disabled: true, placeholder: 'Disabled textarea' },
};
export const WithValue = {
    args: { defaultValue: 'This textarea has initial content that can be edited.' },
};
