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

const mockTasks: Task[] = [
  {
    id: '1',
    title: 'Team meeting',
    status: 'todo',
    priority: 'high',
    dueDate: new Date(),
    timeTracked: 0,
    isTracking: false
  },
  {
    id: '2',
    title: 'Review design mockups',
    status: 'inProgress',
    priority: 'medium',
    dueDate: addDays(new Date(), 2),
    timeTracked: 30,
    isTracking: false
  },
  {
    id: '3',
    title: 'Client presentation',
    status: 'todo',
    priority: 'high',
    dueDate: addDays(new Date(), 5),
    timeTracked: 0,
    isTracking: false
  },
  {
    id: '4',
    title: 'Code review',
    status: 'todo',
    priority: 'low',
    dueDate: addDays(new Date(), 1),
    timeTracked: 0,
    isTracking: false
  }
];

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