import { Suspense } from "react";
import CompanyManagementClient from "./CompanyManagementClient";

export const metadata = {
  title: "Company Management | LiveDash Platform",
  description: "Manage company settings, users, and analytics",
};

// Provide at least one sample param for build-time validation
// Runtime params not in this list will be handled dynamically
export async function generateStaticParams() {
  return [{ id: "sample" }];
}

function CompanyLoadingFallback() {
  return (
    <div className="flex items-center justify-center min-h-screen">
      <div className="text-center">Loading company details...</div>
    </div>
  );
}

export default function CompanyManagementPage() {
  return (
    <Suspense fallback={<CompanyLoadingFallback />}>
      <CompanyManagementClient />
    </Suspense>
  );
}