import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { sanitizeSvg } from "../../lib/sanitize";
import { SecretAgentIcon } from "../ui/Icons";
export const InitialThinkingSplash = ({ svgIcon, }) => {
    return (_jsx("div", { className: "flex h-full items-center justify-center p-8", children: _jsxs("div", { className: "flex flex-col items-center gap-4", children: [svgIcon ? (_jsx("div", { className: "flex h-16 w-16 items-center justify-center text-gray-400 [&>svg]:h-full [&>svg]:w-full", dangerouslySetInnerHTML: {
                        __html: sanitizeSvg(svgIcon),
                    } })) : (_jsx(SecretAgentIcon, { size: 64, strokeWidth: 1, className: "text-gray-400" })), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("span", { className: "h-2 w-2 animate-bounce rounded-full bg-gray-400 [animation-delay:-0.3s]" }), _jsx("span", { className: "h-2 w-2 animate-bounce rounded-full bg-gray-400 [animation-delay:-0.15s]" }), _jsx("span", { className: "h-2 w-2 animate-bounce rounded-full bg-gray-400" })] })] }) }));
};
//# sourceMappingURL=InitialThinkingSplash.js.map