import { PageHeader } from '@/components/shared/page-header';
import { AdminSectionsBrowser } from '@/components/admin/admin-sections-browser';

export default async function AdminLandingPage({
  params,
}: {
  params: Promise<{ portSlug: string }>;
}) {
  const { portSlug } = await params;
  return (
    <div className="space-y-8">
      <PageHeader
        title="Administration"
        description="Per-port configuration and system administration. Use the search to jump to a setting, or browse the grouped index below."
      />
      <AdminSectionsBrowser portSlug={portSlug} />
    </div>
  );
}