import { jsx as _jsx } from "react/jsx-runtime";
import { sanitizeSvg } from "../lib/sanitize";
import { cn } from "../lib/utils";
import { ParheliaAgentIcon } from "../editor/ui/Icons";
const containerSizeClasses = {
    xs: "size-5 rounded-sm",
    sm: "size-10 rounded-md",
    md: "size-12 rounded-lg",
    lg: "size-16 rounded-2xl",
};
const iconSizeClasses = {
    xs: "size-3.5",
    sm: "size-5",
    md: "size-6",
    lg: "size-8",
};
const fallbackSizes = {
    xs: 15,
    sm: 22,
    md: 24,
    lg: 32,
};
const fallbackStrokeWidths = {
    xs: 1.7,
    sm: 1.7,
    md: 1.5,
    lg: 1.5,
};
export function AgentProfileIcon({ svgIcon, selected = false, size = "sm", className, }) {
    return (_jsx("div", { className: cn("relative flex shrink-0 items-center justify-center border transition-colors", containerSizeClasses[size], "bg-neutral-grey-5 text-neutral-grey-100 border-transparent", className), "data-testid": "agent-profile-icon", "data-selected": selected ? "true" : undefined, children: svgIcon ? (_jsx("div", { className: cn("flex items-center justify-center [&>svg]:h-full [&>svg]:w-full", iconSizeClasses[size]), dangerouslySetInnerHTML: { __html: sanitizeSvg(svgIcon) } })) : (_jsx(ParheliaAgentIcon, { size: fallbackSizes[size], strokeWidth: fallbackStrokeWidths[size], className: "text-current" })) }));
}
//# sourceMappingURL=AgentProfileIcon.js.map