spb/fetcha

1import Link from "next/link";2import { Logo } from "@/components/ui/logo";3import { ThemeToggle } from "@/components/ui/theme";45export default function AuthLayout({ children }: { children: React.ReactNode }) {6  return (7    <div className="relative flex min-h-dvh flex-col">8      <div className="absolute inset-0 -z-10 grid-bg opacity-60" aria-hidden />9      <header className="container-page flex h-16 items-center justify-between">10        <Logo />11        <div className="flex items-center gap-2 text-[13px] text-fg-muted">12          <Link href="/docs" className="hover:text-fg">Docs</Link>13          <ThemeToggle />14        </div>15      </header>16      <main className="flex flex-1 items-start justify-center px-4 pb-16 pt-6 sm:pt-12">17        <div className="w-full max-w-[400px] animate-fade-up">{children}</div>18      </main>19      <footer className="container-page pb-6 text-center text-[12px] text-fg-subtle">20        <Link href="/legal/terms" className="hover:text-fg">Terms</Link> · <Link href="/legal/privacy" className="hover:text-fg">Privacy</Link> · <a href="mailto:support@fetcha.co" className="hover:text-fg">support@fetcha.co</a>21      </footer>22    </div>23  );24}25