@furystack/shades-common-components/esm/components/pagination.d.ts

Common UI components for FuryStack Shades

import type { PartialElement } from '@furystack/shades';
import type { Palette } from '../services/theme-provider-service.js';
import type { ComponentSize } from './component-size.js';
export type PaginationProps = PartialElement<HTMLElement> & {
    /** Total number of pages */
    count: number;
    /** Current page (1-indexed) */
    page: number;
    /** Callback fired when the page is changed */
    onPageChange: (page: number) => void;
    /** Number of sibling pages shown around the current page. Defaults to 1 */
    siblingCount?: number;
    /** Number of pages shown at the start and end. Defaults to 1 */
    boundaryCount?: number;
    /** If true, the pagination is disabled */
    disabled?: boolean;
    /** Size variant */
    size?: ComponentSize;
    /** Palette color */
    color?: keyof Palette;
};
export declare const Pagination: (props: Omit<Partial<HTMLElement>, "style"> & {
    style?: Partial<CSSStyleDeclaration>;
} & {
    ref?: import("@furystack/shades").RefObject<Element>;
} & {
    /** Total number of pages */
    count: number;
    /** Current page (1-indexed) */
    page: number;
    /** Callback fired when the page is changed */
    onPageChange: (page: number) => void;
    /** Number of sibling pages shown around the current page. Defaults to 1 */
    siblingCount?: number;
    /** Number of pages shown at the start and end. Defaults to 1 */
    boundaryCount?: number;
    /** If true, the pagination is disabled */
    disabled?: boolean;
    /** Size variant */
    size?: ComponentSize;
    /** Palette color */
    color?: keyof Palette;
}, children?: import("@furystack/shades").ChildrenList) => JSX.Element;
//# sourceMappingURL=pagination.d.ts.map