import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { ChatInput } from './ChatInput.js';
const meta = {
    title: 'Features/Chat/ChatInput',
    component: ChatInput,
    tags: ['autodocs'],
    parameters: {
        layout: 'padded',
    },
    decorators: [
        (Story) => (_jsx("div", { style: {
                maxWidth: '480px',
                border: '1px solid var(--color-border)',
                borderRadius: '8px',
                overflow: 'hidden',
            }, children: _jsx(Story, {}) })),
    ],
    args: {
        onSubmit: (content) => {
            // eslint-disable-next-line no-console
            console.log('Message submitted:', content);
        },
    },
};
export default meta;
/** Default empty state — ready for input. */
export const Empty = {
    args: {
        disabled: false,
        placeholder: 'Message the agent... (Enter to send, Shift+Enter for newline)',
    },
};
/** With pre-filled text to show how content looks. */
export const WithText = {
    render: (args) => {
        return (_jsxs("div", { style: { maxWidth: '480px' }, children: [_jsx(ChatInput, { ...args }), _jsx("p", { style: { padding: '8px', fontSize: '12px', color: 'gray' }, children: "Note: The textarea starts empty; text is shown here for demonstration." })] }));
    },
    args: {
        disabled: false,
        placeholder: 'Can you run the tests for the auth module?',
    },
};
/** Disabled state — shown when the session is not in ready state. */
export const Disabled = {
    args: {
        disabled: true,
        placeholder: 'Start the agent to begin chatting...',
    },
};
/** Custom placeholder text for when the agent is booting. */
export const BootingPlaceholder = {
    args: {
        disabled: true,
        placeholder: 'Waiting for agent to be ready...',
    },
};
