import { Path, Svg } from "react-native-svg";
import { useAppearancePreferences } from "../features/settings/appearance/AppearancePreferencesProvider";
type ProviderIconProps = {
readonly provider: string | null | undefined;
readonly size?: number;
};
export function ProviderIcon(props: ProviderIconProps) {
const { themeAppearance } = useAppearancePreferences();
const isDarkMode = themeAppearance === "dark";
const size = props.size ?? 16;
const mono = isDarkMode ? "#e5e5e5" : "#171717";
if (props.provider === "claudeAgent") {
return (
);
}
if (props.provider === "grok") {
const fill = isDarkMode ? "#F5F5F5" : "#0F0F0F";
return (
);
}
if (props.provider === "cursor") {
return (
);
}
if (props.provider === "opencode") {
return (
);
}
// codex (and unknown drivers)
return (
);
}