Week Agenda View

import { WeekAgendaView, type AgendaEvent, type DayConfig } from '@/blocks/calendar/week-agenda-view'

// Basic usage with defaults
<WeekAgendaView />

// With custom days and events
const days: DayConfig[] = [
  { day: 'Mon', date: 25, events: 3, hasImportant: false },
  { day: 'Tue', date: 26, events: 2, hasImportant: false },
  { day: 'Wed', date: 27, events: 5, hasImportant: true },
  { day: 'Thu', date: 28, events: 1, hasImportant: false },
  { day: 'Fri', date: 29, events: 4, isToday: true },
  { day: 'Sat', date: 30, events: 0 },
  { day: 'Sun', date: 1, events: 1 }
]

const events: AgendaEvent[] = [
  {
    id: 1,
    title: 'Team Standup',
    time: '09:00 - 09:30',
    type: 'meeting',
    location: 'Zoom',
    attendees: 3
  },
  {
    id: 2,
    title: 'Focus Time',
    time: '12:00 - 14:00',
    type: 'focus'
  }
]

<WeekAgendaView
  days={days}
  events={events}
  weekLabel="Nov 25 - Dec 1"
  title="This Week"
  defaultSelectedDay={4}
  onDaySelect={(dayIndex, day) => {
    console.log('Day selected:', day)
    loadEventsForDay(dayIndex)
  }}
  onWeekChange={(direction) => {
    if (direction === 'next') loadNextWeek()
    else loadPreviousWeek()
  }}
  onEventClick={(event) => openEventModal(event)}
/>