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

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 gap-2.5 font-display text-xl font-bold tracking-tight"
      >
        <span className="flex h-9 w-9 items-center justify-center rounded-2xl bg-brand text-brand-foreground">
          <Mic className="h-5 w-5" />
        </span>
        PodcastYes
      </Link>
      <div className="relative w-full max-w-md">{children}</div>
    </div>
  );
}