{"size": 590, "ext": "js", "max_stars_repo_path": "src/Components/ButtonsList.js", "max_stars_repo_name": "girishparameswar/Earth-Quakes-Reporter-using-React-Redux-thunk", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/Components/ButtonsList.js", "max_issues_repo_name": "girishparameswar/Earth-Quakes-Reporter-using-React-Redux-thunk", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/Components/ButtonsList.js", "max_forks_repo_name": "girishparameswar/Earth-Quakes-Reporter-using-React-Redux-thunk", "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": 42.1428571429, "max_line_length": 105, "alphanum_fraction": 0.686440678}
import React from 'react';

const ButtonsList = (props) => {
    return (
        <div className="earthquake-btn-select">
            <button className="btn" onClick={props.Earthquakes_PastHour}>Earthquakes Past Hour</button>
            <button className="btn" onClick={props.Earthquakes_PastDay}>Earthquakes Past Day</button>
            <button className="btn" onClick={props.Earthquakes_PastWeek}>Earthquakes Past Week</button>
            <button className="btn" onClick={props.Earthquakes_PastMonth}>Earthquakes Past Month</button>
        </div>
    );
}

export default ButtonsList;