mt-flowbite-react
Version:
Official React components built for Flowbite and Tailwind CSS
43 lines (42 loc) • 1.4 kB
TypeScript
import type { ComponentProps, FC, PropsWithChildren, ReactNode } from 'react';
import type { DeepPartial } from '../../';
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 PropsWithChildren, 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>;
};