import React from 'react';
import styles from './NotificationModal.module.css';

interface ValidationModalProps {
  isVisible: boolean;
  title: string;
  message: string;
  onContinue: () => void;
}

const ValidationModal: React.FC<ValidationModalProps> = ({
  isVisible,
  title,
  message,
  onContinue
}) => {
  if (!isVisible) return null;

  return (
    <div className={styles.overlay}>
      <div className={styles.modal}>
        <div className={styles.header}>
          <div className={styles.title}>{title}</div>
          <div className={styles.message}>{message}</div>
        </div>

        <div className={styles.buttons}>
          <div className={styles.spacer}></div> {/* Пустой элемент для выравнивания */}
          <button
            className={`${styles.button} ${styles.primaryButton}`}
            onClick={onContinue}
          >
            Продолжить
          </button>
        </div>
      </div>
    </div>
  );
};

export default ValidationModal;
