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: "text-neutral-grey-50 flex h-16 w-16 items-center justify-center [&>svg]:h-full [&>svg]:w-full", dangerouslySetInnerHTML: {
                        __html: sanitizeSvg(svgIcon),
                    } })) : (_jsx(SecretAgentIcon, { size: 64, strokeWidth: 1, className: "text-neutral-grey-50" })), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("span", { className: "bg-neutral-grey-50 h-2 w-2 animate-bounce rounded-full [animation-delay:-0.3s]" }), _jsx("span", { className: "bg-neutral-grey-50 h-2 w-2 animate-bounce rounded-full [animation-delay:-0.15s]" }), _jsx("span", { className: "bg-neutral-grey-50 h-2 w-2 animate-bounce rounded-full" })] })] }) }));
};
//# sourceMappingURL=InitialThinkingSplash.js.map