import { Link } from "@/i18n/navigation";
import { useTranslations } from "next-intl";

export default function Footer() {
  const t = useTranslations("Footer");

  return (
    <footer className="flex justify-between items-center bg-vendor-primary text-white py-10 px-5 md:px-10 md:py-20 lg:px-20">
      <div className="text-[10px] md:text-[18px]">{t("poweredBy")}</div>
      <div className="text-[10px] md:text-[18px] flex items-center gap-1">
        <span>{t("needHelp")}</span>
        <Link href="/" className="underline text-vendor-tertiary">
          {t("contactSupport")}
        </Link>
      </div>
    </footer>
  );
}