import c from './Modal.module.scss';

type ModalProps = {
  children: React.ReactNode;
  isOpen: boolean;
  toggleModal: () => void;
};

const Modal: React.FC<ModalProps> = ({ children, isOpen, toggleModal }) => {
  if (!isOpen) return null;
  return (
    <div className={c.modal}>
      <div onClick={toggleModal} className={c.overlay}></div>
      <div className={c.modalContent}>
        {' '}
        <button onClick={toggleModal} className={c.exit}>
          x
        </button>
        {children}
      </div>
    </div>
  );
};

export default Modal;