import { Facebook, Instagram, Linkedin } from "lucide-react";

export function SocialIcons({ facebook, instagram, linkedin }: { facebook: string; instagram: string; linkedin: string }) {
  const cls = "text-white transition-opacity hover:opacity-70";
  return (
    <ul className="flex justify-center gap-14 pt-5">
      <li><a href={facebook} target="_blank" rel="noopener" aria-label="Facebook" className={cls}><Facebook size={34} strokeWidth={1.4} /></a></li>
      <li><a href={instagram} target="_blank" rel="noopener" aria-label="Instagram" className={cls}><Instagram size={34} strokeWidth={1.4} /></a></li>
      <li><a href={linkedin} target="_blank" rel="noopener" aria-label="LinkedIn" className={cls}><Linkedin size={34} strokeWidth={1.4} /></a></li>
    </ul>
  );
}