@props(['perPage', 'options', 'total', 'noun'])

<label class="flex items-center gap-2 text-sm text-gray-500 dark:text-gray-400">
    Show
    <select wire:model.live="perPage" class="rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100 text-sm focus:border-indigo-500 focus:ring-indigo-500 py-1">
        @foreach ($options as $option)
            <option value="{{ $option }}">{{ $option }}</option>
        @endforeach
    </select>
    per page — {{ $total }} {{ Str::plural($noun, $total) }}
</label>