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

export const dynamic = "force-dynamic";

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

export default async function DerivativesEquitiesPage({ params }: PageProps) {
  const { tenant } = await params;
  return (
    <CustomerPageShell>
      <TransactionPageGuard
        tenant={tenant}
        routeKeys={CUSTOMER_ROUTE_KEYS.derivativesEquitiesIndex}
        label="Derivatives (Equities)"
      >
        <ListDerivativesEquitiesTable />
      </TransactionPageGuard>
    </CustomerPageShell>
  );
}