import { Suspense } from "react";
import type { Metadata } from "next";
import {
  GirisKarti,
  GirisKartiSkeleton,
} from "@/features/kullanici/components/giris-karti";

export const metadata: Metadata = {
  title: "Giriş",
  robots: { index: false, follow: true },
};

export default function GirisPage({
  searchParams,
}: {
  searchParams: Promise<{ callback?: string; hata?: string }>;
}) {
  return (
    // -mb-28: layout'taki ScrollFlow sarmalayıcısının pb-28'ini nötrler —
    // kart tam dvh içinde ortalanır, sayfa scroll etmez (sığmazsa scroll açılır).
    <div className="-mb-28 flex min-h-dvh flex-col bg-slate-50 text-slate-900">
      <main className="mx-auto flex w-full max-w-md flex-1 flex-col items-stretch justify-center px-6 py-8">
        <Suspense fallback={<GirisKartiSkeleton />}>
          {searchParams.then(({ callback, hata }) => (
            <GirisKarti callback={callback} hata={hata} />
          ))}
        </Suspense>
      </main>
    </div>
  );
}
