/**
 * File: PasswordChangeSuccessSection.tsx
 * Purpose: This component displays a success message and allows the user to go back to the login page.
*/
import React from "react";
import styles from "./PassChangeSuccess.module.scss";
import Link from "next/link";
import RouteConstants from "@/src/utils/RouteConstants";

const PasswordChangeSuccessSection: React.FC<{ PasswordChangeSuccessContent: any }> = ({ PasswordChangeSuccessContent }) => {
  return (
    <>
      {/* Title Section */}
      <div className={`${styles.TitleWrapper}`}>
        <h2>{PasswordChangeSuccessContent.SUCCESS}</h2>
        <p className="fs-14">{PasswordChangeSuccessContent.SUCCESS_MESSAGE}</p>
      </div>
      {/* Title Section end*/}

      <Link href={RouteConstants.LOGIN} className="primaryBtn">{PasswordChangeSuccessContent.BACK_TO_LOGIN}</Link>

      <div className={`StepsDots`}>
        <span></span>
        <span></span>
        <span></span>
        <span className={`active`}></span>
      </div>
    </>
  );
};

export default PasswordChangeSuccessSection;