import Dialog from '@material-hu/mui/Dialog';

import FocusFileVisualizerContent from './FocusFileVisualizerContent';

type FocusFileVisualizerProps = {
  fileName: string;
  fileSource: string;
  fileExtension: string;
  isOpen: boolean;
  onClose: () => void;
};

const FocusFileVisualizer = ({
  fileName,
  fileSource,
  fileExtension,
  isOpen,
  onClose,
}: FocusFileVisualizerProps) => {
  return (
    <Dialog
      open={isOpen}
      fullScreen
    >
      <FocusFileVisualizerContent
        fileName={fileName}
        fileSource={fileSource}
        fileExtension={fileExtension}
        onClose={onClose}
      />
    </Dialog>
  );
};

export default FocusFileVisualizer;