import React from "react";

export function Footer({ locale = "zh-CN" }: { locale?: string }) {
  const text = {
    copyright:
      locale === "en"
        ? "© 2014-2025 Henggan Intelligence"
        : "© 2014-2025 衡感智能",
    privacy: locale === "en" ? "Privacy Policy" : "隐私政策",
    legal: locale === "en" ? "Legal Notice" : "法律声明",
  } as const;
  
  return (
    <footer className="relative w-full bg-[#f5f7fb] border-t border-[#dfe4ee] py-6 md:py-8 mt-10 md:mt-16">
      <div className="pointer-events-none absolute left-0 right-0 top-0 h-[2px] bg-gradient-to-r from-transparent via-[#0f3c88]/30 to-transparent" />
      <div className="max-w-[1280px] mx-auto px-4 md:px-8 flex flex-col md:flex-row justify-between items-center gap-3 md:gap-4 text-xs sm:text-sm text-[#394863] tracking-[0.08em]">
        <div className="text-center md:text-left">{text.copyright}</div>
        <div className="flex items-center gap-3">
          <a href="#" className="text-[#0f3c88] no-underline hover:text-[#082965] transition-colors">
            {text.privacy}
          </a>
          <span className="text-[#9ca6bb]">·</span>
          <a href="#" className="text-[#0f3c88] no-underline hover:text-[#082965] transition-colors">
            {text.legal}
          </a>
        </div>
      </div>
    </footer>
  );
}