import { LitElement } from "lit";
import "../icon/icon.js";
/**
 * Pagination allows users to navigate through multiple pages of content by providing navigation controls with page numbers and directional arrows.
 *
 * [Warp component reference](https://warp-ds.github.io/docs/components/pagination/frameworks/elements)
 *
 * @fires {CustomEvent} page-click - Triggered when a link in the pagination is clicked. Contains the page number in `string` form.
 */
declare class WarpPagination extends LitElement {
    #private;
    /**
     * The base URL used to construct page links, for example `/search?page=`.
     *
     * The page number is appended to this URL.
     */
    baseUrl: string | undefined;
    /**
     * The total number of pages.
     */
    pages: number;
    /**
     * The currently active page number.
     */
    currentPageNumber: number;
    /**
     * The maximum number of page numbers visible.
     */
    visiblePages: number;
    static styles: import("lit").CSSResult[];
    constructor();
    /** @internal */
    get shouldShowShowFirstPageButton(): boolean;
    /** @internal */
    get shouldShowLastPageButton(): boolean;
    /** @internal */
    get shouldShowPreviousPageButton(): boolean;
    /** @internal */
    get shouldShowNextPageButton(): boolean;
    /** @internal */
    get currentPageIndex(): number;
    /** @internal */
    get visiblePageNumbers(): number[];
    render(): import("lit").TemplateResult<1>;
}
declare global {
    interface GlobalEventHandlersEventMap {
        "page-click": CustomEvent<{
            clickedPage: number;
        }>;
    }
}
declare global {
    interface HTMLElementTagNameMap {
        "w-pagination": WarpPagination;
    }
}
export { WarpPagination };