import type { Metadata } from "next";
import { Suspense } from "react";
import { AuthCard } from "@/features/auth/auth-shell";
import { RecoveryForm } from "@/features/auth/recovery-form";
import { isMonetizationApiConfigured } from "@/lib/auth/server-config";

export const metadata: Metadata = { title: "Forgot Password" };
export const dynamic = "force-dynamic";

export default function Page() {
  const apiEnabled = isMonetizationApiConfigured();
  return (
    <AuthCard
      title="Forgot Password?"
      description="Enter your email to request password reset instructions."
    >
      <Suspense>
        <RecoveryForm apiEnabled={apiEnabled} />
      </Suspense>
    </AuthCard>
  );
}