text: import React from 'react'
  import PropTypes from 'prop-types';
  import {TodoItem} from './TodoItem'
  
  export const TodoList = (props) => {
      return (
        <div className="Todo-list">
            <ul>
              {props.todos.map(todo => <TodoItem  handleToggle={props.handleToggle} key={todo.id} {...todo} handleRemove={props.handleRemove} />)}
            </ul>
        </div>  
      )
  }
  
  TodoList.propTypes = {
    todos: PropTypes.array.isRequired
  }