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

import { ReportLoadingPanel } from "@/app/customer/[tenant]/reports/_shared/components/report-loading-panel";
import { CashflowView } from "./_components/cashflow-report/cashflow-view";

export default function CashflowReportPage() {
  return (
    <CustomerPageShell
      pageLayout="viewport"
      className="min-h-0 overflow-hidden"
      contentClassName="min-h-0 flex-1 gap-0 overflow-hidden px-4 pt-3 pb-3 md:gap-0 lg:px-6"
    >
      <Suspense fallback={<ReportLoadingPanel loading label="Loading cashflow…" />}>
        <CashflowView />
      </Suspense>
    </CustomerPageShell>
  );
}