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

export const metadata: Metadata = {
  title: "Reset Password",
  referrer: "no-referrer",
  robots: { index: false, follow: false },
};
export const dynamic = "force-dynamic";

export default async function Page({
  searchParams,
}: {
  searchParams: Promise<{
    token?: string | string[];
  }>;
}) {
  const query = await searchParams;
  const token = typeof query.token === "string" ? query.token : "";
  const apiEnabled = isMonetizationApiConfigured();
  return (
    <AuthCard
      title="Reset Password"
      description="Create a new password using the reset link sent to your email."
    >
      <Suspense>
        <PasswordForm
          mode="reset"
          apiEnabled={apiEnabled}
          token={token}
        />
      </Suspense>
    </AuthCard>
  );
}