@props([
    'section' => [],
    'openFirst' => false,
    'sectionIndex' => 0,
])

@php
    $items = $section['items'] ?? [];
    $accordionId = 'accordion-' . ($section['id'] ?? $sectionIndex);
@endphp

@if (!empty($items))
    <section
        class="ms-section mapa-do-site-section"
        id="{{ $section['id'] ?? 'secao' }}"
        data-section-title="{{ Str::lower($section['title'] ?? '') }}"
        aria-labelledby="sec-title-{{ $section['id'] ?? $sectionIndex }}"
    >
        <div class="ms-section-header">
            <h2 class="ms-section-title" id="sec-title-{{ $section['id'] ?? $sectionIndex }}">
                @if (!empty($section['icon']))
                    <i class="fa-solid {{ $section['icon'] }} ms-section-icon" aria-hidden="true"></i>
                @endif
                {{ $section['title'] }}
            </h2>
            @if (!empty($section['linkCount']))
                <span class="ms-count-badge">
                    {{ number_format($section['linkCount'], 0, ',', '.') }}
                    {{ __('links') }}
                </span>
            @endif
        </div>

        @if (!empty($section['description']))
            <p class="ms-section-desc">{{ $section['description'] }}</p>
        @endif

        @include('components._mapaDoSiteAccordion', [
            'accordionId' => $accordionId,
            'items' => $items,
            'openFirst' => $openFirst,
        ])
    </section>
@endif