import type { Metadata } from "next";
import { Suspense } from "react";
import { RegisterForm } from "./components/RegisterForm";
import { Footer } from "../../components/Footer";

// robots: noindex — account area, same reasoning as /konto/login.
export const metadata: Metadata = {
  title: "Konto anlegen",
  description: "Lege ein Konto bei einfach produktiv an.",
  robots: {
    index: false,
    follow: true,
  },
};

export default function KontoRegistrierenPage() {
  return (
    <>
      <main className="flex flex-col flex-1 bg-bg-base">
        {/* Suspense required — RegisterForm uses useSearchParams() (?redirect=),
            same reasoning as /konto/login's own page. */}
        <Suspense fallback={null}>
          <RegisterForm />
        </Suspense>
      </main>
      <Footer />
    </>
  );
}
