{"size": 345, "ext": "js", "max_stars_repo_path": "src/components/todo-list.js", "max_stars_repo_name": "sara-elbanna/TodoList", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/todo-list.js", "max_issues_repo_name": "sara-elbanna/TodoList", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/todo-list.js", "max_forks_repo_name": "sara-elbanna/TodoList", "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": 18.1578947368, "max_line_length": 76, "alphanum_fraction": 0.5971014493}
import React , { Component } from "react";

class TodoList extends Component{

  render(){
    const Class_name = this.props.isCompleted ? "completed" : "notCompleted"
    return(
      <li
        className = {Class_name}
        onClick ={this.props.onClick}
      >
        {this.props.text}
      </li>
    )
  }
}

export default TodoList;
