export default function AuthShell({

  title,
  subtitle,
  children,
  footer,
}) {
  return (
    <div className="min-h-screen bg-slate-900 flex items-center justify-center p-4 py-8">
      <div className="w-full max-w-sm">
        <div className="text-center mb-6">
          <h1 className="text-2xl font-bold text-white">{title}</h1>
          {subtitle ? (
            <p className="text-slate-400 text-sm mt-1">{subtitle}</p>
          ) : null}
        </div>

        <div className="bg-white rounded-xl shadow-sm p-6">
          {children}
          {footer ? (
            <p className="text-center mt-4 text-sm text-slate-500">
              {footer}
            </p>
          ) : null}
        </div>
      </div>
    </div>
  )
}


