"use client";

// Dark theme wrapper for all Mission Control pages
// Ensures consistent dark styling across all pages

export default function MCPage({ 
  children, 
  title, 
  icon,
  description 
}: { 
  children: React.ReactNode;
  title: string;
  icon?: string;
  description?: string;
}) {
  return (
    <div className="min-h-screen bg-slate-950 text-white">
      <div className="p-6">
        {title && (
          <div className="mb-6">
            <h1 className="text-3xl font-bold text-white flex items-center gap-3">
              {icon && <span>{icon}</span>}
              <span>{title}</span>
            </h1>
            {description && (
              <p className="text-slate-400 mt-1">{description}</p>
            )}
          </div>
        )}
        {children}
      </div>
    </div>
  );
}