import { legalPages, siteConfig } from "@/config/site";
import { Link } from "@/i18n/navigation";

type SiteFooterProps = {
  labels: Record<string, string>;
};

export function SiteFooter({ labels }: SiteFooterProps) {
  return (
    <footer className="border-t bg-card">
      <div className="mx-auto grid w-full max-w-7xl gap-8 px-4 py-10 sm:px-6 lg:grid-cols-[1.3fr_1fr] lg:px-8">
        <div className="flex flex-col gap-3">
          <p className="font-heading text-3xl font-semibold">Alya Paros</p>
          <p className="max-w-xl text-sm leading-6 text-muted-foreground">
            {labels.footerDescription}
          </p>
          <p className="text-xs text-muted-foreground">
            {labels.registration}: {siteConfig.registrationNumber}
          </p>
        </div>

        <nav className="grid gap-2 text-sm sm:grid-cols-2" aria-label="Legal">
          {legalPages.map((slug) => (
            <Link
              key={slug}
              href={`/${slug}`}
              className="text-muted-foreground transition-colors hover:text-foreground"
            >
              {labels[slug]}
            </Link>
          ))}
        </nav>
      </div>
    </footer>
  );
}