import React from "react";
import "./LsgPagination.scss";
export type LsgPaginationRangeItem = number | "ellipsis";
export interface LsgPaginationLabels {
    nav: string;
    first: string;
    previous: string;
    next: string;
    last: string;
    page: (page: number) => string;
}
export interface LsgPaginationProps {
    /** 1-based. */
    currentPage: number;
    totalPages: number;
    onPageChange: (page: number) => void;
    /** Pages shown either side of the current one when truncating. */
    siblingCount?: number;
    /**
     * Collapses runs of page numbers into "…" (page 10 of 20 → 1 … 9 10 11 … 20).
     * Turn off to list every page.
     */
    truncate?: boolean;
    /** Shows the First and Last controls. */
    showFirstLast?: boolean;
    labels?: Partial<LsgPaginationLabels>;
    className?: string;
}
/**
 * Page numbers to show: always the first and last page plus the current page
 * ± `siblingCount`. A gap of a single page shows that page rather than "…".
 * Page 2 of 6 → [1, 2, 3, "ellipsis", 6].
 */
export declare function getLsgPaginationRange(currentPage: number, totalPages: number, siblingCount?: number): LsgPaginationRangeItem[];
export declare const LsgPagination: React.FC<LsgPaginationProps>;