'use client';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { cn } from '@/lib/utils';
import { Spinner } from '@phosphor-icons/react';
export function TypingIndicator() {
    return /*#__PURE__*/ _jsx("div", {
        className: cn("aui-assistant-message-root", "fade-in animate-in duration-150", "relative mx-auto w-full max-w-[var(--thread-max-width)] py-3"),
        "data-role": "assistant",
        children: /*#__PURE__*/ _jsx("div", {
            className: "aui-assistant-message-content px-2",
            children: /*#__PURE__*/ _jsxs("div", {
                className: "flex items-center gap-2 py-1 text-muted-foreground",
                children: [
                    /*#__PURE__*/ _jsx(Spinner, {
                        size: 16,
                        className: "animate-spin"
                    }),
                    /*#__PURE__*/ _jsx("span", {
                        className: "text-sm",
                        children: "Thinking..."
                    })
                ]
            })
        })
    });
}
