"use client";

import Link from "next/link";
import { useTranslation } from "@/lib/hooks/use-translation";

export function Footer() {
  const { t } = useTranslation("FOOTER");

  return (
    <footer className="bg-gray-900 text-white">
      <div className="mx-auto max-w-7xl px-4 py-10 sm:px-6 lg:px-8">
        <div className="flex flex-col items-center gap-6 sm:flex-row sm:justify-between">
          {/* Copyright */}
          <p className="text-sm text-gray-400">
            {t("footer.copyright", "© 2026 शोध संचयन — Academic Press")}
          </p>

          {/* Links */}
          <nav className="flex gap-6">
            <Link
              href="/about"
              className="text-sm text-gray-400 hover:text-white transition-colors"
            >
              {t("footer.link_about", "About")}
            </Link>
            <Link
              href="/contact"
              className="text-sm text-gray-400 hover:text-white transition-colors"
            >
              {t("footer.link_contact", "Contact")}
            </Link>
            <Link
              href="/privacy"
              className="text-sm text-gray-400 hover:text-white transition-colors"
            >
              {t("footer.link_privacy", "Privacy Policy")}
            </Link>
            <Link
              href="/disclaimer"
              className="text-sm text-gray-400 hover:text-white transition-colors"
            >
              {t("footer.link_disclaimer", "Disclaimer")}
            </Link>
          </nav>
        </div>
      </div>
    </footer>
  );
}