@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
TypeScript
/**
* @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>;