interface Props {
platform: string;
className?: string;
}
/**
* The mockup footer/header use Facebook, X, Instagram, and LinkedIn glyphs.
* Kept as inline SVG (rather than an icon package) so the bundle stays small
* and the build has no extra dependency. `platform` comes from the API's
* site-settings payload, so unknown values degrade to a neutral dot.
*/
export default function SocialIcon({ platform, className = "h-4 w-4" }: Props) {
const common = {
className,
viewBox: "0 0 24 24",
fill: "currentColor",
"aria-hidden": true as const
};
switch (platform.toLowerCase()) {
case "facebook":
return (
);
case "x":
case "twitter":
return (
);
case "instagram":
return (
);
case "linkedin":
return (
);
default:
return (
);
}
}