text: import React from "react";
  import PropTypes from "prop-types";
  import Progress from "./Bar"
  import "./ProgressBar.sass"
  
  export const ProgressBar = ({ data, colWidth, colHeight }) => {
    return (
        <div className="progress-main">       
              {data.map((item, idx) => (
                  <div className="progress-div">
                      <Progress 
                          key={idx} 
                          bgcolor={item.bgcolor} 
                          completed={item.completed} 
                          colWidth={colWidth} 
                          colHeight={colHeight}
                          text={item.text} />
                  </div>
              ))}
        </div>
    );
  };
  
  ProgressBar.propTypes = {
      data: PropTypes.array,
      colWidth: PropTypes.string,
      colHeight: PropTypes.string
  }