import { Root, RootProps } from './pagination-root';
import { Button, ButtonProps } from './pagination-button';
import { PageNumbers, PageNumbersProps } from './pagination-page-numbers';
import { Navigation, NavigationProps } from './pagination-navigation';
import { PageSelector, PageSelectorProps } from './pagination-page-selector';
import { ItemsPerPage, ItemsPerPageProps } from './pagination-items-per-page';

/**
 * The Pagination component provides navigation controls for paginated content. It supports various configurations including page numbers, navigation buttons, ellipsis for large page ranges, and is fully accessible.
 *
 * @component
 *
 * @example
 * <Pagination aria-label="Pagination navigation">
 *   <Pagination.Navigation
 *     currentPage={currentPage}
 *     totalPages={totalPages}
 *     onPageChange={handlePageChange}
 *     side="prev"
 *     showLabels={false}
 *   />
 *   <Pagination.PageNumbers
 *     currentPage={currentPage}
 *     totalPages={totalPages}
 *     onPageChange={handlePageChange}
 *     maxVisiblePages={5}
 *   />
 *   <Pagination.Navigation
 *     currentPage={currentPage}
 *     totalPages={totalPages}
 *     onPageChange={handlePageChange}
 *     side="next"
 *     showLabels={false}
 *   />
 * </Pagination>
 */
declare const Pagination: typeof Root & {
    /**
     * Button component for individual page numbers and navigation actions.
     *
     * @component
     *
     * @example
     * <Pagination.Button variant="page" pageNumber={1} isActive={true}>1</Pagination.Button>
     */
    Button: typeof Button;
    /**
     * PageNumbers component displays the page number buttons with ellipsis support for large page ranges.
     *
     * @component
     *
     * @example
     * <Pagination.PageNumbers
     *   currentPage={5}
     *   totalPages={20}
     *   onPageChange={setCurrentPage}
     *   maxVisiblePages={5}
     * />
     */
    PageNumbers: typeof PageNumbers;
    /**
     * Navigation component provides previous/next navigation buttons.
     *
     * @component
     *
     * @example
     * <Pagination.Navigation
     *   currentPage={currentPage}
     *   totalPages={totalPages}
     *   onPageChange={handlePageChange}
     *   side="prev"
     *   showLabels={true}
     * />
     */
    Navigation: typeof Navigation;
    /**
     * PageSelector component shows a dropdown selector with "av {total}" format.
     *
     * @component
     *
     * @example
     * <Pagination.PageSelector
     *   currentPage={5}
     *   totalPages={20}
     *   onPageChange={setCurrentPage}
     * />
     */
    PageSelector: typeof PageSelector;
    /**
     * ItemsPerPage component shows items per page dropdown selector.
     *
     * @component
     *
     * @example
     * <Pagination.ItemsPerPage
     *   itemsPerPage={25}
     *   onItemsPerPageChange={setItemsPerPage}
     *   options={[10, 25, 50, 100]}
     * />
     */
    ItemsPerPage: typeof ItemsPerPage;
};
type PaginationProps = {
    Root: RootProps;
    Button: ButtonProps;
    PageNumbers: PageNumbersProps;
    Navigation: NavigationProps;
    PageSelector: PageSelectorProps;
    ItemsPerPage: ItemsPerPageProps;
};
export { Pagination };
export type { PaginationProps };