@props([
    'grid' => ['weeks' => []],
    'calendars' => [],
    'events' => [],
    'class' => '',
    'hgroup' => [],
])

<section class="calendar {{ $class }}">
    <hgroup>
        @foreach ($hgroup as $h)
        <span>{{ $h['label'] }}</span>
        @endforeach
    </hgroup>
    <ol data-weeks="{{ count($grid['weeks']) }}">
        @foreach ($grid['weeks'] as $week)
            @foreach ($week as $day)
        <x-calendar.month.day :day="$day" :events="$events" :calendars="$calendars" />
            @endforeach
        @endforeach
    </ol>
</section>