UNPKG

mt-flowbite-react

Version:

Official React components built for Flowbite and Tailwind CSS

43 lines (42 loc) 1.4 kB
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>; };