/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */ import type { ElementType, HTMLAttributes } from 'react'; export type PaginationProps = { /** The accessible name for the component. */ readonly accessibleName?: string; /** * Connects the component with an internal element that defines its accessible name. * Note: must be unique for the page. */ readonly accessibleNameId?: string; /** The accessible name for the link to the current page. The page number is appended. */ readonly currentPageAccessibleName?: string; /** The React component or intrinsic element to use for the links. */ readonly linkComponent?: ElementType; /** The template used to construct the link hrefs. */ readonly linkTemplate: (page: number) => string; /** The maximum amount of pages shown. Minimum value: 5. */ readonly maxVisiblePages?: number; /** The accessible name for the link to the next page. */ readonly nextAccessibleName?: string; /** The visible label for the link to the next page. */ readonly nextLabel?: string; /** The current page number. */ readonly page?: number; /** The accessible name for the links to the other pages. The page number is appended. */ readonly pageAccessibleName?: string; /** The accessible name for the link to the previous page. */ readonly previousAccessibleName?: string; /** The visible label for the link to the previous page. */ readonly previousLabel?: string; /** The total amount of pages. */ readonly totalPages: number; } & Readonly>; /** * Navigates between multiple pages of content, indicating the current position in the set. * * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-pagination--docs Pagination docs at Amsterdam Design System} */ export declare const Pagination: import("react").ForwardRefExoticComponent<{ /** The accessible name for the component. */ readonly accessibleName?: string; /** * Connects the component with an internal element that defines its accessible name. * Note: must be unique for the page. */ readonly accessibleNameId?: string; /** The accessible name for the link to the current page. The page number is appended. */ readonly currentPageAccessibleName?: string; /** The React component or intrinsic element to use for the links. */ readonly linkComponent?: ElementType; /** The template used to construct the link hrefs. */ readonly linkTemplate: (page: number) => string; /** The maximum amount of pages shown. Minimum value: 5. */ readonly maxVisiblePages?: number; /** The accessible name for the link to the next page. */ readonly nextAccessibleName?: string; /** The visible label for the link to the next page. */ readonly nextLabel?: string; /** The current page number. */ readonly page?: number; /** The accessible name for the links to the other pages. The page number is appended. */ readonly pageAccessibleName?: string; /** The accessible name for the link to the previous page. */ readonly previousAccessibleName?: string; /** The visible label for the link to the previous page. */ readonly previousLabel?: string; /** The total amount of pages. */ readonly totalPages: number; } & Readonly> & import("react").RefAttributes>;