1  import './modal.css';
 2  
 3  type ModalProps = {
 4    children: React.ReactNode;
 5    isOpen: boolean;
 6    setIsOpen?: (arg: boolean) => void;
 7    handleOnClose?: () => void;
 8  };
 9  
10  export function Modal(props: ModalProps) {
11    return (
12      <div style={{ display: !props.isOpen ? '' : 'block' }}>
13        {props.isOpen && (
14          <div
15            id='genericModal'
16            className='modal'
17            style={props.isOpen && { display: 'block' }}
18          >
19            <div className='modal-content'>
20              <span
21                className='close'
22                onClick={props.handleOnClose}
23                title='Close Modal'
24              >
25                &times;
26              </span>
27              {props.children}
28            </div>
29          </div>
30        )}
31      </div>
32    );
33  }