import React from "react";

export function Footer({ locale = "zh-CN" }: { locale?: string }) {
  const text = {
    title: locale === "en" ? "LOG Official" : "LOG 官网",
    desc: locale === "en" ? "Showcase site for smart products and services." : "为用户提供智能产品与服务的展示站点。",
    legal: locale === "en" ? "Legal and terms (demo)" : "备案与条款等信息位（示例）",
  } as const;
  return (
    <footer className="w-full bg-gray-50 text-gray-600 mt-16">
      <div className="mx-auto max-w-screen-2xl px-4 py-10 grid gap-6 md:grid-cols-2">
        <div className="space-y-2">
          <div className="text-gray-900 font-semibold">{text.title}</div>
          <div className="text-sm">{text.desc}</div>
        </div>
        <div className="text-sm md:text-right space-y-1">
          <div>© LOG Corporation</div>
          <div>{text.legal}</div>
        </div>
      </div>
    </footer>
  );
}