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)}
/>