import type { Metadata } from "next";
import { Suspense } from "react";
import { ResetPasswordPage } from "@/components/auth/ResetPasswordPage";

export const metadata: Metadata = {
  title: "Reset password",
  description: "Choose a new Postvertise password.",
};

export default function Page() {
  return (
    <Suspense
      fallback={
        <div className="flex-1 py-12">
          <div className="mx-auto w-full max-w-page px-4 md:px-6">
            <p className="text-ink-60">Loading reset form…</p>
          </div>
        </div>
      }
    >
      <ResetPasswordPage />
    </Suspense>
  );
}