@props([ 'active' => false, 'disabled' => false, 'icon' => false, 'label' => null, 'separator' => false, ])

class([ 'filament-tables-pagination-item relative flex items-center justify-center font-medium min-w-[2rem] px-1.5 h-8 -my-3 rounded-md focus:outline-none', 'hover:bg-gray-500/5 focus:bg-primary-500/10 focus:ring-2 focus:ring-primary-500' => (! $active) && (! $disabled) && (! $separator), 'dark:hover:bg-gray-400/5' => (! $active) && (! $disabled) && (! $separator) && config('tables.dark_mode'), 'focus:text-primary-600' => (! $active) && (! $disabled) && (! $icon) && (! $separator), 'transition' => ((! $active) && (! $disabled) && (! $separator)) || $active, 'text-primary-600' => ((! $active) && (! $disabled) && $icon && (! $separator)) || $active, 'focus:underline bg-primary-500/10 ring-2 ring-primary-500' => $active, 'cursor-not-allowed pointer-events-none opacity-70' => $disabled, 'cursor-default' => $separator, ]) }} > @if ($icon) @endif {{ $label ?? ($separator ? '...' : '') }}