Interface

TodoInterface.js

import React from 'react';
import useTodo from '../logic-hooks/useTodo';
import TodoInput from '../components/TodoInput';
import TodoList from '../components/TodoList';

export default function TodoInterface() {
  const { todos, newTodo, setNewTodo, addTodo } = useTodo();

  return (
    <>
      <TodoInput newTodo={newTodo} setNewTodo={setNewTodo} addTodo={addTodo} />
      <TodoList todos={todos} />
    </>
  );
}