{"size": 582, "ext": "js", "max_stars_repo_path": "country-info-frontend/src/components/CountryCardGrid/CountryCardGrid.js", "max_stars_repo_name": "linschris/country-info", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "country-info-frontend/src/components/CountryCardGrid/CountryCardGrid.js", "max_issues_repo_name": "linschris/country-info", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "country-info-frontend/src/components/CountryCardGrid/CountryCardGrid.js", "max_forks_repo_name": "linschris/country-info", "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": 24.25, "max_line_length": 59, "alphanum_fraction": 0.5137457045}
import React, { Component } from 'react';
import CountryCard from '../CountryCard/CountryCard';
import './CountryCardGrid.css'


class CountryCardGrid extends Component {
    constructor(props) {
        super(props);
        this.state = { 
            countriesArray: ["1", "1", "1", "1", "1"]
        }
    }
    render() { 
        return ( 
            <div id="country-card-grid">
                {this.state.countriesArray.map(country => {
                    return <CountryCard />
                })}
            </div>
         );
    }
}
 
export default CountryCardGrid;