import React from 'react';
import { FlintPagination as FlintPaginationElement } from '@getufy/flint-ui/pagination/flint-pagination';
export interface FlintPaginationChangeDetail {
    page: number;
}
/**
 * Pagination component enabling the user to select a specific page from
a range of pages.
 *
 * @slot prev-icon - Icon for the previous button (default: chevron left SVG).
 * @slot next-icon - Icon for the next button (default: chevron right SVG).
 * @slot first-icon - Icon for the first button (default: skip-to-start SVG).
 * @slot last-icon - Icon for the last button (default: skip-to-end SVG).
 * @slot ellipsis-icon - Icon for ellipsis items (default: three-dot SVG).
 */
export interface FlintPaginationProps extends Omit<React.HTMLAttributes<FlintPaginationElement>, 'color'> {
    /** Total number of pages. */
    count?: number;
    /** The current page (**1-based**). Page 1 is the first page. */
    page?: number;
    /** Initial page for uncontrolled mode. Ignored after first render. */
    defaultPage?: number;
    /** Accessible label for the nav landmark (aria-label). */
    label?: string;
    /**
     * Visual style variant of the pagination buttons.
     * Allowed values: 'text' | 'outlined'
     */
    variant?: 'text' | 'outlined';
    /**
     * Shape of the pagination buttons.
     * Allowed values: 'circular' | 'rounded' | 'square'
     */
    shape?: 'circular' | 'rounded' | 'square';
    /**
     * Size of the pagination buttons.
     * Allowed values: 'sm' | 'md' | 'lg'
     */
    size?: 'sm' | 'md' | 'lg';
    /**
     * Color theme of the pagination buttons.
     * Allowed values: 'primary' | 'secondary' | 'standard'
     */
    color?: 'primary' | 'secondary' | 'standard';
    /** Show first-page button. */
    showFirstButton?: boolean;
    /** Show last-page button. */
    showLastButton?: boolean;
    /** Hide previous button. */
    hidePrevButton?: boolean;
    /** Hide next button. */
    hideNextButton?: boolean;
    /** Number of sibling pages around the current page. */
    siblingCount?: number;
    /** Number of pages always shown at start and end. */
    boundaryCount?: number;
    /** Disable the whole component. */
    disabled?: boolean;
    /**
     * Fired when the active page changes. detail: `{ page: number }`
     * DOM event: `flint-pagination-change`
     */
    onFlintPaginationChange?: (event: CustomEvent<FlintPaginationChangeDetail>) => void;
}
export declare const FlintPagination: React.ForwardRefExoticComponent<FlintPaginationProps & React.RefAttributes<FlintPaginationElement>>;