import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
import type { PaginationPageInputTheme, PropValidators } from '@instructure/shared-types';
import React from 'react';
type PaginationPageInputOwnProps = {
    /**
     * The number of pages in total
     */
    numberOfPages: number;
    /**
     * The index of the current page
     */
    currentPageIndex: number;
    /**
     * Fires when a new page index is selected
     */
    onChange: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> | React.FocusEvent<HTMLInputElement>, pageIndex: number) => void;
    /**
     * ScreenReaderLabel for number input
     */
    screenReaderLabel: (currentPage: number, numberOfPages: number) => string;
    /**
     * Label for number input
     */
    label?: (numberOfPages: number) => React.ReactNode;
    /**
     * Disables interaction with the input
     */
    disabled?: boolean;
    /**
     * provides a reference to the underlying html root element
     */
    inputRef?: (element: HTMLInputElement | null) => void;
};
type PropKeys = keyof PaginationPageInputOwnProps;
type AllowedPropKeys = Readonly<Array<PropKeys>>;
type PaginationPageInputProps = PaginationPageInputOwnProps & WithStyleProps<PaginationPageInputTheme, PaginationPageInputStyle>;
type PaginationPageInputStyle = ComponentStyle<'paginationPageInput' | 'numberInput' | 'inputLabel'>;
type PaginationPageInputState = {
    number: number;
    value: string;
};
declare const propTypes: PropValidators<PropKeys>;
declare const allowedProps: AllowedPropKeys;
export type { PaginationPageInputProps, PaginationPageInputStyle, PaginationPageInputState };
export { propTypes, allowedProps };
//# sourceMappingURL=props.d.ts.map