flowbite-react/dist/types/components/Pagination/Pagination.d.ts

Official React components built for Flowbite and Tailwind CSS

import type { ComponentProps, FC, ReactNode } from "react";
import type { DeepPartial } from "../../types";
import type { FlowbitePaginationButtonTheme, PaginationButtonProps } from "./PaginationButton";
export interface FlowbitePaginationTheme {
    base: string;
    layout: FlowbitePaginationLayoutTheme;
    pages: FlowbitePaginationPagesTheme;
}
export interface FlowbitePaginationRootTheme {
    base: string;
}
export interface FlowbitePaginationLayoutTheme {
    table: {
        base: string;
        span: string;
    };
}
export interface FlowbitePaginationPagesTheme {
    base: string;
    showIcon: string;
    previous: FlowbitePaginationNavigationTheme;
    next: FlowbitePaginationNavigationTheme;
    selector: FlowbitePaginationButtonTheme;
}
export interface FlowbitePaginationNavigationTheme {
    base: string;
    icon: string;
}
export interface PaginationProps extends ComponentProps<"nav"> {
    currentPage: number;
    layout?: "navigation" | "pagination" | "table";
    nextLabel?: string;
    onPageChange: (page: number) => void;
    previousLabel?: string;
    renderPaginationButton?: (props: PaginationButtonProps) => ReactNode;
    showIcons?: boolean;
    theme?: DeepPartial<FlowbitePaginationTheme>;
    totalPages: number;
}
export declare const Pagination: FC<PaginationProps> & {
    Button: FC<PaginationButtonProps>;
};