import { NotebookPen } from "lucide-react";

export default function AuthLayout({ children }: { children: React.ReactNode }) {
  return (
    <div className="flex min-h-screen items-center justify-center bg-muted/30 p-4">
      <div className="w-full max-w-sm">
        <div className="mb-8 flex flex-col items-center gap-3">
          <span className="flex size-12 items-center justify-center rounded-2xl bg-primary text-primary-foreground shadow-md">
            <NotebookPen className="size-6" />
          </span>
          <span className="font-heading text-xl font-bold tracking-tight">Organize</span>
        </div>
        {children}
      </div>
    </div>
  );
}