import type { Metadata } from "next";
import { getTranslations } from "next-intl/server";
import Header from "@/components/Header";
import { UnderConstruction } from "@/components/under-construction";

export async function generateMetadata({
  params,
}: {
  params: Promise<{ locale: string }>;
}): Promise<Metadata> {
  const { locale } = await params;
  const _t = await getTranslations({ locale, namespace: "underConstruction" });

  const titles = {
    pt: "Preços - Estrutura de Custos",
    en: "Prices - Cost Structure",
  };

  const descriptions = {
    pt: "Veja nossa estrutura de preços transparente. Taxas de transação justas para manter o marketplace funcionando.",
    en: "See our transparent price structure. Fair transaction fees to keep the marketplace running.",
  };

  return {
    title: titles[locale as keyof typeof titles],
    description: descriptions[locale as keyof typeof descriptions],
  };
}

export default async function PricesPage({
  params,
}: {
  params: Promise<{ locale: string }>;
}) {
  const { locale } = await params;
  const t = await getTranslations({
    locale,
    namespace: "underConstruction.prices",
  });

  return (
    <div className="min-h-screen">
      <Header />
      <UnderConstruction
        title={t("title")}
        description={t("description")}
        locale={locale}
      />
    </div>
  );
}