"use client";

import { Suspense } from "react";
import { useParams, notFound } from "next/navigation";
import BillingCenter from "@/platform/features/billing-center";

export default function BillingPage() {
  const { app } = useParams() as { app: string };
  if (app !== "client" && app !== "property" && app !== "super-admin") {
    notFound();
  }
  return (
    <Suspense fallback={<p className="p-8 text-center text-gray-500">Loading…</p>}>
      <BillingCenter />
    </Suspense>
  );
}