import {
    Button,
    Form,
    Input,
    message,
    Modal,
    Radio,
    Select,
    Space,
  } from "antd";
  import { FC, useEffect, useState } from "react";
  import cx from "classnames";
  import styles from "./successModal.module.scss";
  const { Option } = Select;
  import * as UserAPI from "../../../pages/api/createUser";
  import { Router, useRouter } from "next/router";
  import { CheckCircleFilled } from "@ant-design/icons";
  const SuccessModal: FC<any> = (props) => {
    const {isSuccessModal, handleSuccessClose} =  props;
    return (
        <>
         <Modal
            width={580}
            visible={isSuccessModal}
            onOk={handleSuccessClose}
            onCancel={handleSuccessClose}
            footer={null}
            maskClosable={false}
            destroyOnClose={true}
            bodyStyle={{ height: "100%" }}
          >
            <div className={styles.internalModal}>
              <CheckCircleFilled
                style={{ color: "#291C61", fontSize: "40px" }}
              />
              <div className={styles.internalModalWelcomeText}>Welcome to Indispare! </div>
              <div className={styles.internalModalSuccessText}>Your account has been successfully validated & created.</div>
              <div className={styles.internalModalOpenText}>Indispare Family Welcomes You with open arms!.</div>
            </div>
          </Modal>
        </>
    )

  }

  export default SuccessModal;