import { Link } from "@/i18n/navigation";
import { FaLinkedinIn, FaFacebookF, FaInstagram } from "react-icons/fa";
import { FaXTwitter } from "react-icons/fa6";
import { getTranslations } from "next-intl/server";

export default async function SocialLinks() {
  const t = await getTranslations("Footer");

  return (
    <div className="flex flex-col gap-4">
      <h3 className="text-[14px] sm:text-[18px] font-bold">{t("joinUs")}</h3>
      <div className="flex flex-row gap-2">
        <Link href="/">
          <FaLinkedinIn className="size-5 sm:size-6" />
        </Link>
        <Link href="/">
          <FaInstagram className="size-5 sm:size-6" />
        </Link>
        <Link href="/">
          <FaXTwitter className="size-5 sm:size-6" />
        </Link>
        <Link href="/">
          <FaFacebookF className="size-5 sm:size-6" />
        </Link>
      </div>
    </div>
  );
}