import { jsx as _jsx } from "react/jsx-runtime";
import { memo } from 'react';
import { anthropicLogo, openaiLogo, googleLogo, openrouterLogo, groqLogo, deepseekLogo, xaiLogo, zaiLogo, setuLogo, opencodeLogo, } from '../../assets/provider-logos';
const providerLogos = {
    anthropic: anthropicLogo,
    openai: openaiLogo,
    google: googleLogo,
    openrouter: openrouterLogo,
    groq: groqLogo,
    deepseek: deepseekLogo,
    xai: xaiLogo,
    zai: zaiLogo,
    'zai-coding': zaiLogo,
    setu: setuLogo,
    opencode: opencodeLogo,
};
export const ProviderLogo = memo(function ProviderLogo({ provider, className = '', size = 16, }) {
    const logoSvg = providerLogos[provider.toLowerCase()];
    if (!logoSvg) {
        return (_jsx("span", { className: `inline-flex items-center justify-center text-[10px] font-medium text-muted-foreground uppercase ${className}`, style: { width: size, height: size }, title: provider, children: provider.slice(0, 2) }));
    }
    return (_jsx("span", { className: `inline-flex items-center justify-center text-foreground/70 dark:text-foreground/80 ${className}`, style: { width: size, height: size }, title: provider, 
        // biome-ignore lint/security/noDangerouslySetInnerHtml: SVG logos are hardcoded trusted content
        dangerouslySetInnerHTML: {
            __html: logoSvg.replace(/<svg/, `<svg width="${size}" height="${size}" style="width:${size}px;height:${size}px"`),
        } }));
});
//# sourceMappingURL=ProviderLogo.js.map