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.meta.work.title,
    description: dict.meta.work.desc,
    alternates: {
      canonical: `/${lang}/work`,
    },
  };
}

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} />;
}