{"size": 470, "ext": "js", "max_stars_repo_path": "client/src/app/templates/ListTemplate.js", "max_stars_repo_name": "dainsaint/extry", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "client/src/app/templates/ListTemplate.js", "max_issues_repo_name": "dainsaint/extry", "max_issues_repo_issues_event_min_datetime": "2021-03-09T23:10:33.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-18T14:48:36.000Z", "max_forks_repo_path": "client/src/app/templates/ListTemplate.js", "max_forks_repo_name": "dainsaint/extry", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 7, "max_forks_count": null, "avg_line_length": 19.5833333333, "max_line_length": 122, "alphanum_fraction": 0.6404255319}
import React, { Component } from 'react';
import ListItemTemplate from "./ListItemTemplate.js"
import sugar from "sugar";

class ListTemplate extends Component {

  componentDidMount()
  {

  }

  render() {
    sugar.extend();
    const items = this.props.items.map( item => <ListItemTemplate key={item.id} item={item}/> ).first( this.props.count );
    return (
      <div className="ui items">
        { items }
      </div>
    )
  }
}

export default ListTemplate;
