{"size": 359, "ext": "js", "max_stars_repo_path": "src/components/Counter/index.js", "max_stars_repo_name": "npellan/todo-list-in-react", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Counter/index.js", "max_issues_repo_name": "npellan/todo-list-in-react", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/Counter/index.js", "max_forks_repo_name": "npellan/todo-list-in-react", "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": 17.0952380952, "max_line_length": 48, "alphanum_fraction": 0.6211699164}
// == Import npm
import React from 'react';
import PropTypes from 'prop-types';

// == Import
import './styles.scss';

// == Composant
const Counter = ({ doing }) => (
  <div className="counter">
    {doing} tâche{doing > 1 ? 's' : ''} en cours
  </div>
);

Counter.propTypes = {
  doing: PropTypes.number.isRequired,
};

// == Export
export default Counter;
