import Link from "next/link";
import { site } from "@/content/site";
import { cn } from "@/lib/utils";
type IconProps = { className?: string };
function TikTokIcon({ className }: IconProps) {
return (
);
}
function LinkedInIcon({ className }: IconProps) {
return (
);
}
function FacebookIcon({ className }: IconProps) {
return (
);
}
function InstagramIcon({ className }: IconProps) {
return (
);
}
const SOCIAL = [
{ id: "tiktok", label: "TikTok", href: site.social.tiktok, Icon: TikTokIcon },
{ id: "linkedin", label: "LinkedIn", href: site.social.linkedin, Icon: LinkedInIcon },
{ id: "facebook", label: "Facebook", href: site.social.facebook, Icon: FacebookIcon },
{ id: "instagram", label: "Instagram", href: site.social.instagram, Icon: InstagramIcon },
] as const;
type Props = {
className?: string;
};
export function FooterSocialLinks({ className }: Props) {
return (
Follow GRV Summit
{SOCIAL.map(({ id, label, href, Icon }) => (
))}
);
}