@primer/react-brand/lib/Pagination/Pagination.d.ts

Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.

import React from 'react';
/**
 * Design tokens
 */
import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/pagination/colors-with-modes.css';
export type PaginationProps = {
    pageCount: number;
    currentPage: number;
    onPageChange?: (e: React.MouseEvent, n: number) => void;
    hrefBuilder?: (n: number) => string;
    pageAttributesBuilder?: (n: number) => {
        [attributeName: string]: string;
    };
    marginPageCount?: number;
    showPages?: boolean;
    surroundingPageCount?: number;
    'data-testid'?: string;
} & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
/**
 * Use Pagination to display a sequence of links that allow navigation to discrete, related pages.
 * @see https://primer.style/brand/components/Pagination
 */
export declare const Pagination: React.MemoExoticComponent<({ id, className, pageCount, currentPage, onPageChange, hrefBuilder, pageAttributesBuilder, marginPageCount, showPages, surroundingPageCount, "aria-label": ariaLabel, "data-testid": testId, ...rest }: PaginationProps) => import("react/jsx-runtime").JSX.Element>;