import Header from "@/components/views/header/Header";
import AllNotification from "@/components/views/notification/AllNotification";
import { getServerDictionary } from "@/lib/dictionary";
import { images } from "@/lib/images";

const page = async ({ params: { lang } }: { params: { lang: Lang } }) => {
  const locale = await getServerDictionary(lang);
  const crumb = [
    {
      path: `/${lang}`,
      label: locale?.home,
    },
    {
      path: `/${lang}/notification`,
      label: locale?.["notification"],
    },
  ];

  return (
    <>
      <Header crumb={crumb} image={images.header} title="notification" />
      <div className="container py-20">
        <AllNotification lang={lang} />
      </div>
    </>
  );
};

export default page;