import { getDictionary } from "@/get-dictionary";
import type { Locale } from "@/i18n-config";
import WorkClient from "@/components/WorkClient";
import { getProjects } from "@/app/actions";

export async function generateMetadata({ params }: { params: Promise<{ lang: Locale }> }) {
  const { lang } = await params;
  const dict = await getDictionary(lang);
  return {
    title: `${dict.work.title} | ${dict.nav.brandName}${dict.nav.brandSub}`,
    description: dict.work.desc,
  };
}

export default async function WorkPage({ params }: { params: Promise<{ lang: Locale }> }) {
  const { lang } = await params;
  const dict = await getDictionary(lang);
  const projects = await getProjects();

  return <WorkClient lang={lang} dict={dict} initialProjects={projects} />;
}