import dynamic from "next/dynamic";

import { CustomerPageShell } from "@/app/customer/_components/customer-page-shell";

const PortfolioAnalyticsView = dynamic(
  () =>
    import("./_components/portfolio-analytics-report/portfolio-analytics-view").then(
      (mod) => mod.PortfolioAnalyticsView,
    ),
  { loading: () => <div className="p-6 text-muted-foreground text-sm">Loading portfolio analytics…</div> },
);

export default function PortfolioAnalyticsReportPage() {
  return (
    <CustomerPageShell>
      <PortfolioAnalyticsView />
    </CustomerPageShell>
  );
}