import type { ReactNode } from 'react';

import { Head } from '@inertiajs/react';

import PageHeader from '@/Components/layout/PageHeader';

interface AdminPageProps {
  title: string;
  subtitle?: string;
  breadcrumbs?: Array<{ label: string; href?: string }>;
  actions?: ReactNode;
  children: ReactNode;
}

/**
 * AdminPage — shell component for admin pages.
 *
 * Renders <Head title="Admin · {title}"> (single source of truth),
 * passes breadcrumbs into PageHeader (no separate breadcrumb block needed),
 * and wraps children in the standard container padding.
 */
export default function AdminPage({
  title,
  subtitle,
  breadcrumbs,
  actions,
  children,
}: AdminPageProps) {
  return (
    <>
      <Head title={`Admin · ${title}`} />
      <PageHeader
        title={title}
        subtitle={subtitle}
        breadcrumbs={breadcrumbs}
        actions={actions}
      />
      <div className="container py-6 space-y-6">{children}</div>
    </>
  );
}
