import TodoItem from "./TodoItem";
function TodoList({ todos, onToggleTodo, onDeleteTodo }) {

    if (todos.length === 0) {
        return (
            <p className="empty-message">
                Es sind noch keine Aufgaben vorhanden.
            </p>
        );
    }

    return (
        <ul className="todo-list">
            {todos.map((todo) => (
                <TodoItem
                    key={todo.id}
                    todo={todo}
                    onToggleTodo={onToggleTodo}
                    onDeleteTodo={onDeleteTodo}
                />
            ))}
        </ul>
    );
}
export default TodoList;