import React from 'react';
import PercentMeter from './PercentMeter';

export const Preloader = ({percent}) => {
  return (
    <div className="Preloader">
      <div className="Preloader-content">
        <div className="Preloader-spinner"></div>
        <PercentMeter percent={percent} />
      </div>
    </div>
  );
};

Preloader.propTypes = {
  percent: React.PropTypes.number.isRequired
};

export default Preloader;