import React from 'react';
import { FlintTablePagination as FlintTablePaginationElement } from '@getufy/flint-ui/table/flint-table-pagination';
export interface FlintPaginationPageChangeDetail {
    page: number;
}
export interface FlintPaginationRowsPerPageChangeDetail {
    rowsPerPage: number;
}
/**
 * Table Pagination: pagination controls for tabular data.
 */
export interface FlintTablePaginationProps extends React.HTMLAttributes<FlintTablePaginationElement> {
    /** Total number of rows. */
    count?: number;
    /** Controlled current page (**0-indexed**). Page 0 is the first page. */
    page?: number;
    /** Controlled rows per page. */
    rowsPerPage?: number;
    /** Available rows-per-page options. */
    rowsPerPageOptions?: number[];
    /** Uncontrolled default page (applied on first render). */
    defaultPage?: number;
    /** Uncontrolled default rows per page. */
    defaultRowsPerPage?: number;
    /** Show First/Last page buttons. */
    showFirstLast?: boolean;
    /** Label for the rows-per-page selector. Defaults to localized "Rows per page:". */
    labelRowsPerPage?: string | undefined;
    /**
     * Fired when the current page changes. detail: `{ page: number }`
     * DOM event: `flint-pagination-page-change`
     */
    onFlintPaginationPageChange?: (event: CustomEvent<FlintPaginationPageChangeDetail>) => void;
    /**
     * Fired when rows per page changes. detail: `{ rowsPerPage: number }`
     * DOM event: `flint-pagination-rows-per-page-change`
     */
    onFlintPaginationRowsPerPageChange?: (event: CustomEvent<FlintPaginationRowsPerPageChangeDetail>) => void;
}
export declare const FlintTablePagination: React.ForwardRefExoticComponent<FlintTablePaginationProps & React.RefAttributes<FlintTablePaginationElement>>;