@props([
    'chapters' => [],
])

@if (count($chapters) > 0)
    <nav data-chapter-index aria-label="Índice de capítulos">
        @foreach ($chapters as $chapter)
            <a href="#{{ $chapter['id'] }}">{{ $chapter['label'] }}</a>
        @endforeach
    </nav>

    <div data-chapter-progress aria-hidden="true">
        <span></span>
    </div>
@endif