import type { ModelProvider } from '@shared/domain/models';
interface ProviderIconProps {
provider: ModelProvider;
className?: string;
}
function OpenAIIcon({ className }: { className?: string }) {
return (
);
}
function AnthropicIcon({ className }: { className?: string }) {
return (
);
}
function GeminiIcon({ className }: { className?: string }) {
return (
);
}
const iconComponents: Record> = {
openai: OpenAIIcon,
anthropic: AnthropicIcon,
google: GeminiIcon,
};
export const providerColors: Record = {
openai: 'text-emerald-400',
anthropic: 'text-orange-400',
google: 'text-blue-400',
};
export function ProviderIcon({ provider, className }: ProviderIconProps) {
const Icon = iconComponents[provider];
const color = providerColors[provider];
return ;
}