import { NetzknotenLogo } from "@/components/brand/netzknoten-logo";
import { t } from "@/lib/i18n/de";

// Schlankes Login-Layout ohne App-Chrome (keine Topbar/Navigation).
export default function AuthLayout({ children }: { children: React.ReactNode }) {
  return (
    <div className="flex min-h-screen flex-col items-center justify-center bg-nebel px-4">
      <div className="mb-6 flex items-center gap-2">
        <NetzknotenLogo size={32} />
        <span className="font-display text-xl text-navy">{t("app.name")}</span>
      </div>
      <div className="w-full max-w-sm rounded-md border border-rand bg-white p-6 shadow-sm">
        {children}
      </div>
    </div>
  );
}
