import React from 'react'; export interface PaginationProps { totalPages: number; currentPage?: number; onPageChange?: (page: number) => void; size?: 'small' | 'medium' | 'large'; variant?: 'square' | 'circle'; color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'quinary'; showFirstLast?: boolean; showPrevNext?: boolean; showEllipsis?: boolean; siblingCount?: number; boundaryCount?: number; disabled?: boolean; hideOnSinglePage?: boolean; useUrlParams?: boolean; pageParam?: string; sizeParam?: string; preserveParams?: boolean; } export interface NavItemProps { icon: React.ComponentType<{ size?: string | number; }>; onClick: () => void; disabled?: boolean; size: 'small' | 'medium' | 'large'; variant: 'square' | 'circle'; color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'quinary'; } export interface PageItemProps { number: number; isActive: boolean; onClick: () => void; disabled?: boolean; size: 'small' | 'medium' | 'large'; variant: 'square' | 'circle'; color: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'quinary'; }