import Box from '../UI/Box/Box';
import React from 'react';
import CSSModules from 'react-css-modules';
import styles from './DownloadProgress.css';

export default CSSModules((props) => {

  return (
    <Box dxDark dxStyle={{width: '380px', height: 'auto', padding: '5px'}}>
      <div style={{width: '100%', height: 'auto'}}>
        <h1 style={{width: '100%', textAlign: 'center'}}>{'Downloading ' + props.display}</h1>
      </div>
      <progress max={100.0} id={'download_progress'}
                style={{width: '100%'}}
                value={props.progress}/>
    </Box>);
}, styles, {allowMultiple: true});