todo

1
import React, { useState } from 'react';
2
import ToDoList from '../../components/ToDoList';
3
import ToDoForm from '../../components/ToDoForm';
4
import ToDoFilter from '../../components/ToDoFilter';
5
import './App.css';
6

7
const App: React.FC = () => {
8
    const [tasks, setTasks] = useState<Array<Task>>([]);
9
    const [filter, setFilter] = useState<Filter>('All');
10

11
    return (
12
        <div className="todo-app">
13
            <h1>todos</h1>
14
            <ToDoForm setTasks={setTasks} />
15
            <ToDoList tasks={tasks} setTasks={setTasks} filter={filter} />
16
            <ToDoFilter filter={filter} setFilter={setFilter} />
17
        </div>
18
    );
19
}
20

21
export default App;
22