// =============================================================================
// HeadlineSift.com — Admin Page Placeholder
// =============================================================================
// Shared placeholder for admin pages that are not yet fully implemented.
// Shows the page title, a brief description, and a "coming soon" empty state.

interface AdminPlaceholderProps {
  title: string;
  description: string;
  icon: string;
}

export function AdminPlaceholder({ title, description, icon }: AdminPlaceholderProps) {
  return (
    <div className="animate-fade-in space-y-6">
      {/* Page Header */}
      <div>
        <h1 className="text-2xl font-bold">{title}</h1>
        <p className="mt-1 text-sm text-body-muted">{description}</p>
      </div>

      {/* Empty State */}
      <div className="card">
        <div className="flex flex-col items-center justify-center py-16 text-center">
          <span className="text-5xl" aria-hidden="true">{icon}</span>
          <h2 className="mt-4 text-lg font-semibold text-heading">
            {title}
          </h2>
          <p className="mt-2 max-w-md text-sm text-body-muted">
            {description}
          </p>
          <p className="mt-4 rounded-full bg-surface-tertiary px-4 py-1.5 text-xs font-medium text-body-muted">
            Coming soon — this section is under development.
          </p>
        </div>
      </div>
    </div>
  );
}