import { CSSVars } from '@unleashit/common';

type PaginationHandler = (newOffset: number) => void;
interface PaginationProps {
    currentOffset: number;
    handler: PaginationHandler;
    total: number;
    perPage?: number;
    prevLabel?: string;
    nextLabel?: string;
    darkMode?: boolean;
    cssVars?: CSSVars<typeof varNames>;
    cssModule?: Record<string, string>;
}
type ClickHandlerEvent = 'next' | 'prev' | 'page';
declare const varNames: readonly ["lightModeText", "lightModeContainerPadding", "lightModeBackgroundColor", "lightModePageNumberBackground", "lightModePageNumberBackgroundActive", "lightModePageNumberBackgroundHover", "darkModeText", "darkModeContainerPadding", "darkModeBackgroundColor", "darkModePageNumberBackground", "darkModePageNumberBackgroundActive", "darkModePageNumberBackgroundHover"];
declare const Pagination: {
    ({ perPage, prevLabel, nextLabel, currentOffset, total, handler, darkMode, cssVars, cssModule, }: PaginationProps): JSX.Element | null;
    displayName: string;
};

export { type ClickHandlerEvent, type PaginationHandler, type PaginationProps, Pagination as default };