import React, { useEffect, useState, useContext } from '@wordpress/element';

import SelectedItemBox from '../components/SelectedItemBox';
import Browser from '../file-browser/components/Browser';

const FileBrowser = (props) => {
	const {
		config,
		fileTypeFilter,
	} = props;

	return (
		<div className='edbi-file-browser'>
			<Browser
				{...props}
				config={{
					...props.config,
				}}
				fileTypeFilter={fileTypeFilter}
			/>

			<SelectedItemBox />
		</div>
	);
};

export default FileBrowser;