@kloudlite/design-system/molecule/pagination.d.ts

A design system for building ambitious products.

interface IUsePagination<T> {
    items: T;
    itemsPerPage: number;
}
export declare const usePagination: <T extends Array<any>>({ items, itemsPerPage, }: IUsePagination<T>) => {
    page: never[] | T;
    pageNumber: number;
    hasNext: boolean;
    hasPrevious: boolean;
    onNext: () => void;
    onPrev: () => void;
    onPageChange: () => void;
    setPageNumber: (extpage: number) => void;
    setItems: import("react").Dispatch<import("react").SetStateAction<T>>;
    items: T;
    itemsPerPage: number;
};
interface IPagination {
    currentPage?: number;
    totalItems: number;
    itemsPerPage?: number;
    onPageChanged?: (count: number) => void;
    onItemsPerPageChanged?: (count: number) => void;
    disabled?: boolean;
    itemPerPageDisabled?: boolean;
    onClickNext?: () => void;
    onClickPrev?: () => void;
    isNextDisabled?: boolean;
    isPrevDisabled?: boolean;
    showNumbers?: boolean;
    showItemsPerPage?: boolean;
}
declare const Pagination: ({ currentPage, totalItems, itemsPerPage, onPageChanged, onItemsPerPageChanged, disabled, itemPerPageDisabled, onClickNext, onClickPrev, isNextDisabled, isPrevDisabled, showNumbers, showItemsPerPage, }: IPagination) => import("react/jsx-runtime").JSX.Element;
export default Pagination;