{"size": 428, "ext": "js", "max_stars_repo_path": "src/List.js", "max_stars_repo_name": "janekelin/jk-shopping-list", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/List.js", "max_issues_repo_name": "janekelin/jk-shopping-list", "max_issues_repo_issues_event_min_datetime": "2020-09-06T21:23:09.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-18T07:38:53.000Z", "max_forks_repo_path": "src/List.js", "max_forks_repo_name": "janekelin/jk-shopping-list", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 6, "max_forks_count": null, "avg_line_length": 23.7777777778, "max_line_length": 50, "alphanum_fraction": 0.6098130841}
import ListBody from './ListBody';
import ListHeader from './ListHeader';
import React, {Component} from 'react';

const List = props => {
const { itemsData, removeItem } = props;
    return (
      <table className="table col-sm-12">
        <ListHeader hasItems={itemsData.length} />
        <ListBody 
          itemsData={itemsData} 
          removeItem={removeItem}
        />
      </table>
    );
}

export default List;