import React from 'react';
import Modal from 'Components/Modal/Modal';
import FileBrowserModalContent, {
  FileBrowserModalContentProps,
} from './FileBrowserModalContent';
import styles from './FileBrowserModal.css';

interface FileBrowserModalProps extends FileBrowserModalContentProps {
  isOpen: boolean;
  onModalClose: () => void;
}

function FileBrowserModal(props: Readonly<FileBrowserModalProps>) {
  const { isOpen, onModalClose, ...otherProps } = props;

  return (
    <Modal className={styles.modal} isOpen={isOpen} onModalClose={onModalClose}>
      <FileBrowserModalContent {...otherProps} onModalClose={onModalClose} />
    </Modal>
  );
}

export default FileBrowserModal;