text: import React from 'react'
  
  const TodoItem = props =>
    <li className={props.isComplete ? 'completed' : ''}>
      <div className="view">
        <input onChange={() => props.toggleTodo(props.id)} className="toggle" type="checkbox" checked={props.isComplete} />
        <label>
          {props.name}
        </label>
        <button className="destroy" onClick={() => props.removeTodo(props.id)} />
      </div>
    </li>
  
  export default props =>
    <ul className="todo-list">
      {props.todos.map((todo, index) => <TodoItem toggleTodo={props.toggleTodo} removeTodo={props.removeTodo} key={index} {...todo} />)}
    </ul>
  