import React from 'react';
import './index.less';
import Progress from '../Progress';

function ProgressText(props) {
  const { className = '', progress, width, times, unit = '遍', size } = props;
  return (
    <div className={`progress-text ${className}`}>
      <div style={{ width }} className="p">
        <Progress progress={progress} size={size} />
      </div>
      <div className="t">
        {times > 0 ? `${times}${unit}+` : ''}
        {progress}%
      </div>
    </div>
  );
}
ProgressText.propTypes = {};
export default ProgressText;