@props(['players' => []])

<section class="rail-panel" aria-labelledby="top-players-title">
    <div class="panel-header">
        <h2 class="section-title" id="top-players-title">Top Players</h2>
        <a href="{{ route('preview.rankings') }}" class="panel-link">Ladders</a>
    </div>
    <div>
        @forelse($players as $player)
            <x-player.rank-row :player="$player" />
        @empty
            <p class="text-muted px-4 pb-4 mb-0 fs-sm">Rankings coming soon.</p>
        @endforelse
    </div>
</section>
