import { useColorScheme } from "react-native";
import { Path, Svg } from "react-native-svg";
type ProviderIconProps = {
readonly provider: string | null | undefined;
readonly size?: number;
};
export function ProviderIcon(props: ProviderIconProps) {
const isDarkMode = useColorScheme() === "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 (
);
}