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

export default function AuthLayout({ children }: { children: React.ReactNode }) {
  return (
    <div className="relative flex min-h-screen flex-col items-center justify-center bg-secondary px-4 py-12">
      <div className="pointer-events-none absolute inset-0 bg-hero-wash" />
      <Link href="/" className="relative mb-8 flex items-center" aria-label="Podcast Distribution AI">
        <Logo className="h-8 w-auto" />
      </Link>
      <div className="relative w-full max-w-md">{children}</div>
    </div>
  );
}