Task Board

1'use client';
2 
3import { useTasksStore } from '@/store/tasks-store';
4import { statuses } from '@/mock-data/statuses';
5import { TaskColumn } from './task-column';
6 
7export function TaskBoard() {
8   const { tasksByStatus } = useTasksStore();
9 
10   return (
11     <div className="flex h-full gap-3 px-3 pt-4 pb-2 min-w-max overflow-hidden">
12       {statuses.map((status) => (
13         <TaskColumn
14           key={status.id}
15           status={status}
16           tasks={tasksByStatus[status.id] || []}
17         />
18       ))}
19     </div>
20   );
21}
22