import { PlaceholderActions, ShellPage } from "@/components/page-templates";
import { TablePlaceholder } from "@/components/placeholders";
import { getTenantsData } from "@/lib/platform-data";

export default async function SuperAdminTenantsPage() {
  const tenants = await getTenantsData();

  return (
    <ShellPage
      shell="super-admin"
      title="Tenants"
      description="Daftar tenant, plan, seat usage, dan status channel."
      actions={<PlaceholderActions primaryHref="/super-admin/tenants/new" primaryLabel="Create tenant" />}
    >
      <TablePlaceholder
        title="Tenant list"
        columns={["Tenant", "Plan", "Status", "Channels", "Seats"]}
        rows={tenants.map((tenant) => [tenant.name, tenant.plan, tenant.status, tenant.channels, tenant.seats])}
      />
    </ShellPage>
  );
}