class MonthViewWidget extends StatelessWidget {
  final GlobalKey<MonthViewState>? state;
  final double? width;

  const MonthViewWidget({
    Key? key,
    this.state,
    this.width,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    final cls = Theme.of(context).colorScheme;
    return MonthView<Event>(
      key: state,
      width: width,
      borderColor: cls.outlineVariant,
      headerBuilder: (date) => MonthPageHeader(
        date: date,
        backgroundColor: cls.primaryContainer,
        iconColor: cls.onPrimaryContainer,
      ),
      weekDayBuilder: (dayIndex) => WeekDayTile(
        dayIndex: dayIndex,
        backgroundColor: cls.surface,
        // WeekDayTile doesn't have a borderColor parameter
      ),
      cellBuilder: (date, events, isToday, isInMonth) => FilledCell(
        date: date,
        events: events,
        shouldHighlight: isToday,
        titleColor: isInMonth ? cls.onSurface : cls.onSurfaceVariant,
        backgroundColor: isInMonth ? cls.surface : cls.surfaceVariant,
      ),
    );
  }
}