/**
* OAuth provider icons (Session 14) — inline SVGs, no external icon
* library. 18×18 to sit naturally to the left of the button label.
*
* Why inline: each icon is < 1 KB and we only ship three. Pulling in
* a library (react-icons, lucide) for this would be ~50 KB on the
* client bundle — bad trade. The marks are simplified, brand-safe
* versions (Google's multicolor G, the Apple silhouette, the X glyph).
*/
interface Props {
size?: number;
style?: React.CSSProperties;
}
export function GoogleIcon({ size = 18, style }: Props) {
return (
);
}
export function AppleIcon({ size = 18, style }: Props) {
return (
);
}
export function XIcon({ size = 18, style }: Props) {
return (
);
}