"use client"

import Link from "next/link"
import { AuthFlowPage } from "@/components/auth/auth-flow-page"
import { AUTH_FLOW_SLUGS } from "@/lib/auth/auth-flow-slugs"

type ResetPasswordPageContentProps = {
  flowQuery?: string
}

export function ResetPasswordPageContent({ flowQuery }: ResetPasswordPageContentProps) {
  return (
    <AuthFlowPage
      slug={AUTH_FLOW_SLUGS.recovery}
      flowQuery={flowQuery}
      defaultTitle="Nouveau mot de passe"
      defaultDescription="Choisissez un nouveau mot de passe pour votre compte UltiSpace."
      successTitle="Mot de passe mis à jour"
      successDescription="Votre mot de passe a été modifié. Connectez-vous pour continuer."
      successActionLabel="Se connecter"
      successHref="/login"
      footer={
        <p className="w-full text-center text-sm text-muted-foreground">
          <Link className="font-medium text-primary underline" href="/login">
            Retour à la connexion
          </Link>
        </p>
      }
    />
  )
}