<!-- source-hash: 3788b87a6e94df7fcf9caf41347899c2 -->
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 (
    <div>
      {/* Your content */}
      
      <PersistentPagination
        isLoading={isLoading}
        currentPage={currentPage}
        totalPages={10}
        disabledOpacity={0.3}
        transitionDuration={200}
      >
        <Pagination 
          currentPage={currentPage} 
          totalPages={10}
          onPageChange={setCurrentPage}
        />
      </PersistentPagination>
    </div>
  )
}

// Using the wrapper component
function BlogList() {
  return (
    <PersistentPaginationWrapper
      isLoading={isLoadingPosts}
      currentPage={currentPage}
      totalPages={totalPages}
      onPageChange={handlePageChange}
      variant="blog"
    />
  )
}
```