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

<section class="calendar {{ $class }}">
    <hgroup>
        <span>Mon</span>
        <span>Tue</span>
        <span>Wed</span>
        <span>Thu</span>
        <span>Fri</span>
        <span>Sat</span>
        <span>Sun</span>
    </hgroup>
    <ol data-weeks="{{ count($grid['weeks']) }}">
        @foreach ($grid['weeks'] as $week)
            @foreach ($week as $day)
        <x-calendar.day :day="$day" :calendars="$calendars" />
            @endforeach
        @endforeach
    </ol>
</section>