import KanbanBoard from '../KanbanBoard';
import { Task } from '../TaskCard';
import { addDays } from 'date-fns';

const mockTasks: Task[] = [
  {
    id: '1',
    title: 'Design new landing page',
    description: 'Create wireframes and mockups for the new product landing page',
    status: 'todo',
    priority: 'high',
    dueDate: addDays(new Date(), 3),
    timeTracked: 0,
    isTracking: false,
    projectId: 'project-1'
  },
  {
    id: '2',
    title: 'Implement user authentication',
    description: 'Set up login, registration, and password reset functionality',
    status: 'inProgress',
    priority: 'high',
    dueDate: addDays(new Date(), 1),
    timeTracked: 120,
    isTracking: true,
    projectId: 'project-2'
  },
  {
    id: '3',
    title: 'Write API documentation',
    status: 'inProgress',
    priority: 'medium',
    dueDate: addDays(new Date(), 5),
    timeTracked: 45,
    isTracking: false,
    projectId: 'project-1'
  },
  {
    id: '4',
    title: 'Set up CI/CD pipeline',
    description: 'Configure automated testing and deployment',
    status: 'done',
    priority: 'medium',
    dueDate: addDays(new Date(), -2),
    timeTracked: 180,
    isTracking: false,
    projectId: 'project-2'
  },
  {
    id: '5',
    title: 'Review code changes',
    status: 'todo',
    priority: 'low',
    dueDate: new Date(),
    timeTracked: 0,
    isTracking: false
  },
  {
    id: '6',
    title: 'Update dependencies',
    status: 'done',
    priority: 'low',
    dueDate: addDays(new Date(), -1),
    timeTracked: 30,
    isTracking: false
  }
];

export default function KanbanBoardExample() {
  return (
    <div className="p-4">
      <KanbanBoard tasks={mockTasks} />
    </div>
  );
}