import React from "react";

export function Footer({ locale = "zh-CN" }: { locale?: string }) {
  const text = {
    copyright: locale === "en" 
      ? "© 2014-2025 Shenzhen Huilong Xingda Technology Co., Ltd. Huilong Xingda"
      : "© 2014-2025 深圳市汇龙兴达科技有限公司 Huilong Xingda",
    privacy: locale === "en" ? "Privacy Policy" : "隐私政策",
    legal: locale === "en" ? "Legal Notice" : "法律声明",
  } as const;
  
  return (
    <footer className="w-full bg-huilong-bg border-t border-[rgba(255,255,255,0.02)] py-4 md:py-[18px] mt-6 md:mt-[30px]">
      <div className="max-w-[1200px] mx-auto px-4 md:px-6 flex flex-col md:flex-row justify-between items-center gap-3 md:gap-4 text-xs sm:text-sm text-huilong-muted">
        <div>{text.copyright}</div>
        <div className="flex items-center gap-2">
          <a href="#" className="text-huilong-muted no-underline hover:text-white transition-colors">
            {text.privacy}
          </a>
          <span> · </span>
          <a href="#" className="text-huilong-muted no-underline hover:text-white transition-colors">
            {text.legal}
          </a>
        </div>
      </div>
    </footer>
  );
}