import Link from "next/link";
import { KeyRound } from "lucide-react";

export default function AuthLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <div className="flex min-h-dvh flex-col bg-gradient-to-br from-slate-50 to-slate-100">
      <header className="container flex items-center justify-between py-6">
        <Link href="/" className="flex items-center gap-2 text-lg font-semibold">
          <KeyRound className="h-6 w-6 text-primary" />
          <span>Ma Clé Brevetée</span>
        </Link>
      </header>
      <main className="container flex flex-1 items-center justify-center pb-16">
        <div className="w-full max-w-md">{children}</div>
      </main>
      <footer className="container py-6 text-center text-xs text-muted-foreground">
        © {new Date().getFullYear()} Ma Clé Brevetée — Plateforme pro
      </footer>
    </div>
  );
}