import Link from "next/link";
import { Logo } from "@/components/shared/logo";

export default function AuthLayout({ children }: { children: React.ReactNode }) {
  return (
    <div className="min-h-screen bg-background flex flex-col">
      <div className="fixed inset-0 bg-radial-violet pointer-events-none" />
      <div className="fixed inset-0 bg-grid pointer-events-none opacity-40" />

      <header className="relative z-10 flex items-center justify-center h-16 px-4 border-b border-white/8">
        <Link href="/">
          <Logo iconSize={28} textSize="text-sm" />
        </Link>
      </header>

      <main className="flex-1 flex items-center justify-center p-4 relative z-10">
        {children}
      </main>
    </div>
  );
}