import type { Metadata } from "next";
import { notFound } from "next/navigation";
import ProjectDetail from "@/components/public/project-detail";
import { getActiveLocale, isLocale, type Locale } from "@/lib/i18n";
import { getProjectDirectoryCopy } from "@/lib/project-content";
import { getPublishedProject } from "@/lib/project-queries";

type DesignDetailPageProps = {
  params: { locale: string; slug: string };
};

export function generateMetadata({ params }: DesignDetailPageProps): Metadata {
  if (!isLocale(params.locale)) return {};
  const locale = getActiveLocale(params.locale as Locale);
  const copy = getProjectDirectoryCopy(locale, "DESIGN");
  return { title: copy.eyebrow, description: copy.description };
}

export default async function DesignDetailPage({ params }: DesignDetailPageProps) {
  if (!isLocale(params.locale)) notFound();
  const locale = getActiveLocale(params.locale as Locale);
  const project = await getPublishedProject("DESIGN", params.slug);
  if (!project) notFound();
  return <ProjectDetail locale={locale} type="DESIGN" project={project} />;
}