import MainButton from "../MainButton";
import Title from "../Title";
import styles from "./styles.module.css";

interface ILoadingProfileModalChildProps {
  title: string;
  handleClick: () => void;
}

function LoadingProfileModalChild({ title, handleClick }: ILoadingProfileModalChildProps) {
  return (
    <div className={styles.modal}>
      <img className={styles["question-img"]} src="./question.webp" alt="Question" />
      <hr className={styles["horizontal-line"]} />
      <Title className={styles.title} variant="h4">{title}</Title>
      <div className={styles["buttons-container"]}>
        <MainButton className={styles.button} onClick={handleClick}>No</MainButton>
        <MainButton className={styles.button} onClick={handleClick}>Yes</MainButton>
      </div>
    </div>
  );
}

export default LoadingProfileModalChild;
