const Title = () => {
  <h1> MyTodoList </h1>
}

const TodoItems = () => {
  <ul>
    <li>task 1</li>
    <li>task 2</li>
    <li>task 3</li>
  </ul>
}

export const TodoList = () => {
  return(
    <div>
      <Title />
      <TodoItems />
    </div>
  )
}