UNPKG

@buddhacognitivelab/theme-glassmorphic

Version:

Enhanced glassmorphic theme package with dual-mode support, advanced glass effects, interactive UI components, and gesture-based interactions

44 lines (43 loc) 1.48 kB
/** * @fileoverview Pagination component with glassmorphic styling */ import React from 'react'; export interface PaginationProps { /** Current page number (1-indexed) */ currentPage: number; /** Total number of pages */ totalPages: number; /** Number of page buttons to show around current page */ siblingCount?: number; /** Whether to show first/last page buttons */ showFirstLast?: boolean; /** Whether to show previous/next buttons */ showPrevNext?: boolean; /** Whether to show page size selector */ showPageSize?: boolean; /** Available page sizes */ pageSizes?: number[]; /** Current page size */ pageSize?: number; /** Total number of items */ totalItems?: number; /** Glass effect intensity */ glassIntensity?: 'light' | 'medium' | 'heavy'; /** Size variant */ size?: 'sm' | 'md' | 'lg'; /** Pagination variant */ variant?: 'default' | 'minimal' | 'pills'; /** Whether pagination is disabled */ disabled?: boolean; /** Page change handler */ onPageChange?: (page: number) => void; /** Page size change handler */ onPageSizeChange?: (pageSize: number) => void; /** Custom className */ className?: string; /** Whether to show page info */ showPageInfo?: boolean; /** Custom page info format */ pageInfoFormat?: (start: number, end: number, total: number) => string; } export declare const Pagination: React.FC<PaginationProps>;