@props(['paginator'])

@if ($paginator->total() > 0)
    <div class="flex flex-col gap-3 border-t border-slate-100 bg-white px-5 py-4 sm:flex-row sm:items-center sm:justify-between">
        <p class="text-sm text-slate-500">
            Showing
            <span class="font-semibold text-slate-800">{{ $paginator->firstItem() ?? 0 }}</span>
            to
            <span class="font-semibold text-slate-800">{{ $paginator->lastItem() ?? 0 }}</span>
            of
            <span class="font-semibold text-slate-800">{{ $paginator->total() }}</span>
            results
        </p>

        @if ($paginator->hasPages())
            <div>
                {{ $paginator->onEachSide(1)->links('pagination::tailwind') }}
            </div>
        @endif
    </div>
@endif