@spaced-out/ui-design-system
Version:
Sense UI components library
43 lines • 1.46 kB
TypeScript
import * as React from 'react';
import type { Flow } from 'flow-to-typescript-codemod';
type ClassNames = Readonly<{
wrapper?: string;
children?: string;
paginator?: string;
}>;
type MixedEvent = React.SyntheticEvent<EventTarget> | Event;
export type PaginationItemType = 'first' | 'previous' | 'page' | 'start-ellipsis' | 'end-ellipsis' | 'last' | 'next';
export interface PaginationBaseProps {
currentPage?: number;
disabled?: boolean;
onChange?: (value?: number | null | undefined, event?: MixedEvent | null | undefined) => void;
totalPages?: number;
showFirstButton?: boolean;
showLastButton?: boolean;
hideNextButton?: boolean;
hidePrevButton?: boolean;
boundaryCount?: number;
siblingCount?: number;
style?: 'primary' | 'secondary';
staticPaginationLabel?: string;
}
export interface PaginationProps extends Omit<{
children?: React.ReactNode;
}, keyof PaginationBaseProps | keyof {
classNames?: ClassNames;
}>, PaginationBaseProps {
classNames?: ClassNames;
testId?: string;
}
export interface PaginationItemProps {
id: string;
disabled: boolean;
onClick: (event: React.SyntheticEvent<HTMLElement>) => void;
page: number | null | undefined;
selected: boolean;
type: PaginationItemType;
testId?: string;
}
export declare const Pagination: Flow.AbstractComponent<PaginationProps, HTMLDivElement>;
export {};
//# sourceMappingURL=Pagination.d.ts.map