@props([
    'id' => 'paginationWrapper',
    'counterId' => 'paginationCounter',
    'controlsId' => 'paginationControls',
    'class' => 'mt-8 mb-2'
])

<div id="{{ $id }}" class="{{ $class }} flex flex-col sm:flex-row items-center justify-between gap-4">
    {{-- Contador --}}
    <p id="{{ $counterId }}" style="color:#9ca3af; font-size:0.85rem;"></p>

    {{-- Controles de Paginação --}}
    <div id="{{ $controlsId }}" style="display:flex; align-items:center; gap:0.35rem;"></div>
</div>