{"size": 351, "ext": "js", "max_stars_repo_path": "UI/CardConfigure/CardConfigure.js", "max_stars_repo_name": "chhatarshal/ReactComponentLibrary", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "UI/CardConfigure/CardConfigure.js", "max_issues_repo_name": "chhatarshal/ReactComponentLibrary", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "UI/CardConfigure/CardConfigure.js", "max_forks_repo_name": "chhatarshal/ReactComponentLibrary", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 29.25, "max_line_length": 72, "alphanum_fraction": 0.6153846154}
import HCard from '../../UI/HCard/HCard';
import CardHolder from '../../UI/CardHolder/CardHolder';

const CardConfigure = (props) => {
   const total = props['count'];
   const width = 100 / total + "%";
    return <CardHolder>
       {[...Array(total)].map((e, i) => <HCard width={width} key={i}/>)}
    </CardHolder>
}

export default CardConfigure;