"use client";

import Link from "next/link";

export default function AuthLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <div className="flex min-h-screen flex-col items-center justify-center bg-background px-4">
      <div className="w-full max-w-sm space-y-6">
        <div className="text-center space-y-1.5">
          <div className="mx-auto flex h-10 w-10 items-center justify-center rounded-lg bg-primary text-primary-foreground text-sm font-bold">
            A
          </div>
          <h1 className="text-lg font-semibold text-foreground tracking-tight">
            Athena Studio
          </h1>
        </div>
        {children}
        <p className="text-center text-body-sm text-muted-foreground">
          <Link href="/" className="hover:text-foreground transition-colors">
            Back to dashboard
          </Link>
        </p>
      </div>
    </div>
  );
}
