@props(['showInfo' => true])

<div class="mt-4 flex flex-col sm:flex-row justify-between items-center gap-4">
    @if($showInfo && isset($paginator))
        <div class="text-sm text-gray-700 dark:text-gray-300">
            Showing 
            <span class="font-medium">{{ $paginator->firstItem() ?? 0 }}</span> 
            to 
            <span class="font-medium">{{ $paginator->lastItem() ?? 0 }}</span> 
            of 
            <span class="font-medium">{{ $paginator->total() }}</span> 
            results
        </div>
    @endif
    
    <div class="pagination-links">
        {{ $slot }}
    </div>
</div>