import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { sanitizeSvg } from "../../../../lib/sanitize";
import { SecretAgentIcon } from "../../../ui/Icons";
import { TimeWithTooltip } from "../../TimeWithTooltip";
export function AgentThinkingDots({ profile }) {
    return (_jsxs("div", { className: "flex gap-3 px-4 py-3", "data-testid": "agent-thinking-dots", children: [_jsx("div", { className: "shrink-0", children: profile?.svgIcon ? (_jsx("div", { className: "text-neutral-grey-50 flex h-6 w-6 items-center justify-center [&>svg]:h-full [&>svg]:w-full", dangerouslySetInnerHTML: {
                        __html: sanitizeSvg(profile.svgIcon),
                    } })) : (_jsx(SecretAgentIcon, { size: 20, strokeWidth: 1, className: "text-neutral-grey-50" })) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "mb-1 flex items-center gap-2", children: [_jsx("span", { className: "text-neutral-grey-100 text-xs font-medium", children: profile?.agentName ||
                                    profile?.displayTitle ||
                                    profile?.name ||
                                    "Agent" }), _jsx(TimeWithTooltip, { date: new Date(), className: "text-neutral-grey-50 text-xs" })] }), _jsxs("div", { className: "flex items-center gap-1 pt-2", children: [_jsx("div", { className: "bg-neutral-grey-50 h-1 w-1 animate-bounce rounded-full [animation-delay:-0.3s]" }), _jsx("div", { className: "bg-neutral-grey-50 h-1 w-1 animate-bounce rounded-full [animation-delay:-0.15s]" }), _jsx("div", { className: "bg-neutral-grey-50 h-1 w-1 animate-bounce rounded-full" })] })] })] }));
}
//# sourceMappingURL=AgentThinkingDots.js.map