import { Outlet } from 'react-router-dom';

export default function AuthLayout() {
  return (
    <div className="min-h-screen bg-gray-900 flex flex-col justify-center py-12 sm:px-6 lg:px-8">
      <div className="sm:mx-auto sm:w-full sm:max-w-md">
        {/* Logo */}
        <div className="text-center">
          <h1 className="text-3xl font-bold gradient-text">OrbiQuant IA</h1>
          <p className="mt-2 text-gray-400">
            Plataforma de Gestión de Inversiones con IA
          </p>
        </div>
      </div>

      <div className="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
        <div className="card">
          <Outlet />
        </div>
      </div>

      {/* Footer */}
      <div className="mt-8 text-center text-sm text-gray-500">
        <p>© 2025 OrbiQuant IA. Todos los derechos reservados.</p>
        <p className="mt-1">
          <a href="#" className="text-primary-400 hover:underline">
            Términos
          </a>
          {' · '}
          <a href="#" className="text-primary-400 hover:underline">
            Privacidad
          </a>
          {' · '}
          <a href="#" className="text-primary-400 hover:underline">
            Aviso de Riesgos
          </a>
        </p>
      </div>
    </div>
  );
}
