import { ComponentPropsWithoutRef } from 'react';
/**
* Props for the Pagination component
* @extends ComponentPropsWithoutRef<"nav">
*/
export type PaginationProps = ComponentPropsWithoutRef<"nav">;
/**
* Pagination component for navigating through paginated content.
*
* Features:
* - Provides navigation controls for paginated data
* - Supports compound components for flexible pagination layouts
* - Includes list, items, overflow menu, items per page menu, and total count
* - Accessible navigation with proper ARIA roles
* - Customizable styling and layout
*
* @example
*
*
* 1
* 2
*
* 10
*
*
*
*
*/
export declare const Pagination: import('react').ForwardRefExoticComponent, HTMLElement>, "ref"> & import('react').RefAttributes> & {
List: import('react').ForwardRefExoticComponent<{
page: number;
totalPages: number;
hasTotalItemCount?: boolean;
onPageChange: (page: number) => void;
children: React.ReactNode;
className?: string;
} & import('react').RefAttributes>;
Item: import('react').ForwardRefExoticComponent, HTMLLIElement>, "ref"> & {
page: number;
isActive?: boolean;
onClick?: () => void;
} & import('react').RefAttributes>;
OverflowMenu: import('react').ForwardRefExoticComponent, HTMLLIElement>, "ref"> & {
startPage: number;
endPage: number;
length: number;
onItemClick: (page: number) => void;
} & import('react').RefAttributes>;
ItemsPerPageMenu: import('react').ForwardRefExoticComponent>;
TotalCount: ({ itemRangeText, className, }: {
itemRangeText: string;
className?: string;
}) => import("react/jsx-runtime").JSX.Element;
};