import { getDictionary, Locale } from "../../dictionaries";
import GaleriClient from "./GaleriClient";

export async function generateMetadata({ params }: { params: Promise<{ lang: string }> }) {
  const { lang } = await params;
  const dict = await getDictionary(lang as Locale);
  return {
    title: dict.seo.gallery.title,
    description: dict.seo.gallery.description,
    alternates: {
      canonical: `/${lang}/galeri`,
    },
  };
}

export default async function GaleriPage({
  params,
}: {
  params: Promise<{ lang: string }>;
}) {
  const { lang } = await params;
  const locale = lang as Locale;
  const dict = await getDictionary(locale);

  return <GaleriClient lang={locale} dict={dict} />;
}