import { CustomerPageShell } from "@/app/customer/_components/customer-page-shell";
import { TransactionPageGuard } from "@/app/customer/_components/transaction-page-guard";
import { DERIVATIVES_CASH_ROUTE_KEYS } from "@/config/customer-route-keys";
import { ListDerivativesCashTable } from "./_components/list-derivatives-cash-table/table";

export const dynamic = "force-dynamic";

type PageProps = { params: Promise<{ tenant: string }> };

export default async function DerivativesCashPage({ params }: PageProps) {
  const { tenant } = await params;
  return (
    <CustomerPageShell>
      <TransactionPageGuard tenant={tenant} routeKeys={DERIVATIVES_CASH_ROUTE_KEYS} label="Derivatives (Cash)">
        <ListDerivativesCashTable />
      </TransactionPageGuard>
    </CustomerPageShell>
  );
}