A React component that maintains pagination visibility during loading states while providing visual feedback and accessibility support for disabled interactions.
## Key Components
- **`PersistentPagination`** - Main wrapper component that keeps pagination visible but disabled during loading
- **`usePaginationLoading`** - Hook for managing pagination loading states and accessibility properties
- **`PersistentPaginationWrapper`** - Enhanced pagination component with built-in loading state management
## Key Features
- Maintains consistent layout by keeping pagination visible during loading
- Provides visual feedback through opacity changes and pointer-event blocking
- Screen reader announcements for loading states
- Smooth transitions between enabled/disabled states
- Handles edge cases like zero results gracefully
## Usage Example
```typescript
import { PersistentPagination } from './persistent-pagination'
// Basic usage with existing pagination component
function VendorList() {
const [isLoading, setIsLoading] = useState(false)
const [currentPage, setCurrentPage] = useState(1)
return (
)
}
// Using the wrapper component
function BlogList() {
return (
)
}
```