todo

1
import React from 'react';
2
import './ToDoFilter.css';
3

4
interface ToDoFilterProps {
5
    filter: Filter;
6
    setFilter: React.Dispatch<React.SetStateAction<Filter>>;
7
}
8

9
const ToDoFilter: React.FC<ToDoFilterProps> = ({ filter, setFilter }) => {
10
    return (
11
        <div className="footer">
12
            <button onClick={() => setFilter('All')} className={filter === 'All' ? 'selected' : ''}>All</button>
13
            <button onClick={() => setFilter('Active')} className={filter === 'Active' ? 'selected' : ''}>Active</button>
14
            <button onClick={() => setFilter('Completed')} className={filter === 'Completed' ? 'selected' : ''}>Completed</button>
15
        </div>
16
    );
17
}
18

19
export default ToDoFilter;
20