import { Button } from "@/components/ui/button";
import Header from "@/components/views/header/Header";
import { InvoiceStatusCard } from "@/components/views/invoices/invoice-status-card";
import React from "react";
import TranslateServer from "@/components/ui/localization/TranslateServer";
import { getServerDictionary } from "@/lib/dictionary";
import { images } from "@/lib/images";
import { Notification } from "@/components/views/notification/notification";

interface NotificationPageProps {
  params: {
    notificationId: string;
    lang: Lang;
  };
}

const NotificationPage: React.FC<NotificationPageProps> = async ({
  params,
}) => {
  const locale = await getServerDictionary(params.lang);
  const crumb = [
    {
      path: `/${params.lang}`,
      label: locale?.home,
    },
    {
      path: `/${params.lang}/invoice`,
      label: locale?.["invoice"],
    },
  ];

  const type = true;

  return (
    <div>
      <Header crumb={crumb} image={images.header} title="invoice" />

      <Notification id={params.notificationId} type={type} lang={params.lang} />
    </div>
  );
};

export default NotificationPage;