import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { MessageSquare, ArrowRight } from "lucide-react";
import { SecretAgentIcon } from "../ui/Icons";
import { cn } from "../../lib/utils";
import { sanitizeHtml, sanitizeSvg } from "../../lib/sanitize";
export function AgentGreeting({ profile, onPromptClick, className, }) {
    const prompts = profile.prompts || [];
    return (_jsxs("div", { className: cn("flex h-full flex-col items-center justify-center p-8 text-center", className), children: [_jsx("div", { className: "mb-8 flex h-32 w-32 items-center justify-center", children: profile.svgIcon ? (_jsx("div", { className: "h-full w-full text-gray-700 [&>svg]:h-full [&>svg]:w-full", dangerouslySetInnerHTML: {
                        __html: sanitizeSvg(profile.svgIcon),
                    } })) : (_jsx(SecretAgentIcon, { size: 80, strokeWidth: 1, className: "text-gray-400" })) }), _jsxs("div", { className: "animate-in fade-in slide-in-from-bottom-4 duration-1000", children: [_jsx("h2", { className: "mb-2 text-2xl font-semibold tracking-tight text-gray-900", children: profile.agentName || profile.name }), profile.greetingMessage ? (_jsx("div", { className: "prose prose-slate mx-auto max-w-prose text-lg leading-relaxed text-gray-600", dangerouslySetInnerHTML: {
                            __html: sanitizeHtml(profile.greetingMessage),
                        } })) : (_jsx("p", { className: "mx-auto max-w-prose text-lg leading-relaxed text-gray-600", children: profile.description || "How can I help you today?" }))] }), prompts.length > 0 && (_jsx("div", { className: "animate-in fade-in slide-in-from-bottom-6 mt-12 flex w-full max-w-2xl flex-wrap justify-center gap-3 duration-1000 [animation-delay:400ms]", children: prompts.map((prompt, index) => (_jsxs("button", { onClick: () => onPromptClick?.(prompt.prompt), className: "group flex items-center gap-3 rounded-2xl border border-gray-200 bg-white/50 px-5 py-3 text-xs font-medium text-gray-700 backdrop-blur-sm transition-all hover:border-indigo-300 hover:bg-white hover:text-indigo-600 hover:shadow-md active:scale-95", children: [_jsx(MessageSquare, { size: 16, className: "text-gray-400 transition-colors group-hover:text-indigo-500" }), _jsx("span", { children: prompt.title }), _jsx(ArrowRight, { size: 14, className: "ml-1 -translate-x-2 opacity-0 transition-all group-hover:translate-x-0 group-hover:opacity-100" })] }, index))) }))] }));
}
//# sourceMappingURL=AgentGreeting.js.map