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 { ListBondFundsTable } from "./_components/list-bond-funds-table/table";

export const dynamic = "force-dynamic";

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

export default async function BondFundsPage({ params }: PageProps) {
  const { tenant } = await params;
  return (
    <CustomerPageShell>
      <TransactionPageGuard tenant={tenant} routeKeys={CUSTOMER_ROUTE_KEYS.bondFundsIndex} label="Bond Funds">
        <ListBondFundsTable />
      </TransactionPageGuard>
    </CustomerPageShell>
  );
}