archived-linsa/web/components/routes/task/TaskList.tsx

import React from "react"
import { Task } from "@/lib/schema/tasks"
import { TaskItem } from "./TaskItem"

interface TaskListProps {
	tasks: Task[]
	onUpdateTask: (taskId: string, updates: Partial<Task>) => void
}

export const TaskList: React.FC<TaskListProps> = ({ tasks, onUpdateTask }) => {
	return (
		<ul className="space-y-2">
			{tasks.map(task => (
				<TaskItem key={task.id} task={task} onUpdateTask={onUpdateTask} />
			))}
		</ul>
	)
}