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

export default function PublicLayout() {
  return (
    <div className="bg-[#121212] text-[#E0E0E0] min-h-screen font-mono">
      <nav className="p-5 border-b border-[#242424] flex gap-4 items-center">
        <Link to="/" className="flex items-baseline gap-1.5 no-underline">
          <span className="text-white text-xl tracking-[2px] font-bold">NEXUS</span>
          <span className="text-cyan-400 text-[10px] tracking-[1px]">by GISE</span>
        </Link>
        
        <Link to="/offres" className="text-[#E0E0E0] no-underline ml-5 hover:text-cyan-400 transition-colors">
          Catalogue
        </Link>

        <Link to="/register" className="text-[#A0A0A0] no-underline ml-auto text-sm hover:text-white transition-colors">
          Créer un compte
        </Link>

        <Link to="/login" className="text-black bg-cyan-400 hover:bg-cyan-300 transition-colors px-3 py-1.5 no-underline font-bold text-sm">
          Connexion
        </Link>
      </nav>

      <main className="p-5">
        <Outlet />
      </main>
    </div>
  );
}