import Link from "next/link"
import { LogoGlitch } from "@/components/logo-glitch"

export default function AuthLayout({ children }: { children: React.ReactNode }) {
  return (
    <div className="min-h-screen flex flex-col items-center justify-center px-4 py-16">
      <Link href="/" aria-label="VALABEL" className="mb-12 text-[var(--text)]">
        <LogoGlitch className="h-9 w-auto" />
      </Link>
      <div className="w-full max-w-sm">{children}</div>
    </div>
  )
}