import { useId } from 'react';
import type { CliProviderId } from '@shared/types';
type ProviderBrandLogoId = CliProviderId | 'opencode';
type BrandLogoProps = Readonly<{
className?: string;
}>;
interface ProviderBrandLogoProps {
readonly providerId: ProviderBrandLogoId;
readonly className?: string;
}
const AnthropicBrandLogo = ({ className }: BrandLogoProps): React.JSX.Element => {
return (
);
};
const CodexBrandLogo = ({ className }: BrandLogoProps): React.JSX.Element => {
const gradientId = useId();
return (
);
};
const GeminiBrandLogo = ({ className }: BrandLogoProps): React.JSX.Element => {
const gradientId = useId();
return (
);
};
const OpenCodeBrandLogo = ({ className }: BrandLogoProps): React.JSX.Element => {
const backgroundId = useId();
const frameId = useId();
const frameStrokeId = useId();
const coreId = useId();
const coreStrokeId = useId();
return (
);
};
export const ProviderBrandLogo = ({
providerId,
className,
}: ProviderBrandLogoProps): React.JSX.Element => {
switch (providerId) {
case 'anthropic':
return ;
case 'codex':
return ;
case 'gemini':
return ;
case 'opencode':
return ;
}
};