import { HTMLAttributes } from "react";
import "./styles.css";
/**
 * Props for the Pagination component.
 */
type PaginationProps = {
    /**
     * Number of sibling pages to show on each side of the current page.
     * @default 1
     */
    siblingsCount?: number;
    /**
     * Total number of records/items to paginate.
     */
    totalCountRegisters: number;
    /**
     * The currently active page number (1-indexed).
     */
    currentPage: number;
    /**
     * Number of records to display per page.
     * @default 10
     */
    registerPerPage?: number;
    /**
     * Callback function triggered when the page changes.
     * @param page - The new page number
     */
    onChange?: (page: number) => void;
} & Omit<HTMLAttributes<HTMLDivElement>, "onChange">;
/**
 * Pagination component for navigating through paginated data.
 *
 * @component
 * @example
 * ```tsx
 * <Pagination
 *   totalCountRegisters={100}
 *   currentPage={1}
 *   registerPerPage={10}
 *   siblingsCount={1}
 *   onChange={(page) => console.log('Page changed to:', page)}
 * />
 * ```
 *
 * @param props - The component props
 * @returns A pagination navigation component with page numbers and navigation buttons
 */
declare function Pagination(props: PaginationProps): import("react/jsx-runtime").JSX.Element;
export { Pagination };
//# sourceMappingURL=index.d.ts.map