import { jsx as _jsx } from "react/jsx-runtime";
import { ChatInputDesktop } from "../components/ChatInputDesktop";
import { ChatInputMobile } from "../components/ChatInputMobile";
import { WaveformFeedback } from "../components/WaveformFeedback";
import { mergeChatInputTokens } from "../tokens/defaultTokens";
const meta = {
    title: "@pmate/chat-sdk/ChatInput",
    parameters: {
        layout: "centered",
    },
};
export default meta;
export const MobileIdle = {
    render: () => _jsx("div", { style: { width: 360 }, children: _jsx(ChatInputMobile, {}) }),
};
export const MobileVoiceReady = {
    render: () => (_jsx("div", { style: { width: 360 }, children: _jsx(ChatInputMobile, { initialState: { mode: "voice", status: "voice-mode-ready" } }) })),
};
export const MobileRecording = {
    render: () => (_jsx("div", { style: { width: 360 }, children: _jsx(ChatInputMobile, { initialState: {
                mode: "voice",
                status: "recording",
                waveformLevels: [0.25, 0.5, 0.88, 0.52, 0.28],
            } }) })),
};
export const DesktopTyping = {
    render: () => (_jsx("div", { style: { width: 720 }, children: _jsx(ChatInputDesktop, { initialState: { text: "Ship chat-sdk storybook first", status: "typing" } }) })),
};
export const DesktopAttachment = {
    render: () => (_jsx("div", { style: { width: 720 }, children: _jsx(ChatInputDesktop, { initialState: {
                text: "Desktop attachment state",
                status: "attachment-selected",
                attachments: [{ id: "1", kind: "image", name: "spec.png" }],
            } }) })),
};
export const WaveformActive = {
    render: () => (_jsx(WaveformFeedback, { levels: [0.2, 0.5, 0.9, 0.55, 0.3], tokens: mergeChatInputTokens() })),
};
