import Header from "@/components/views/header/Header";
import React from "react";
import { getServerDictionary } from "@/lib/dictionary";
import { images } from "@/lib/images";
import { OrderInvoice } from "@/components/views/profile/order-invoice";

interface OrderPageProps {
  params: {
    orderId: string;
    lang: Lang;
  };
}

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

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

      <OrderInvoice id={params.orderId} lang={params.lang} />
    </div>
  );
};

export default OrderPage;