import React from "react";
import { PagerProperties } from "./../index";
import { Animation, PagerAutoEllipsis, LayoutPosition } from './../index';
export { PagerProperties } from "./../index";
export { Animation, PagerAutoEllipsis, LayoutPosition } from './../index';
declare let Smart: any;
export { Smart };
export interface PagerProps extends PagerProperties {
    className?: string;
    style?: React.CSSProperties;
    onChange?: ((event?: Event) => void) | undefined;
    onPageSizeChanged?: ((event?: Event) => void) | undefined;
    onCreate?: ((event?: Event) => void) | undefined;
    onReady?: ((event?: Event) => void) | undefined;
}
/**
 Pagination component that is used to navigate between a set of results.
*/
export declare class Pager extends React.Component<React.HTMLAttributes<Element> & PagerProps, any> {
    private _id;
    private nativeElement;
    private componentRef;
    get id(): string;
    /** Sets or gets the animation mode. Animation is disabled when the property is set to 'none'
    *	Property type: Animation | string
    */
    get animation(): Animation | string;
    set animation(value: Animation | string);
    /** Handles pager's elipsis. Ellipsis buttons are displayed as indicators and additional help to navigate between pages.
    *	Property type: PagerAutoEllipsis | string
    */
    get autoEllipsis(): PagerAutoEllipsis | string;
    set autoEllipsis(value: PagerAutoEllipsis | string);
    /** Enables or disables the pager.
    *	Property type: boolean
    */
    get disabled(): boolean;
    set disabled(value: boolean);
    /** Sets or gets the unlockKey which unlocks the product.
    *	Property type: string
    */
    get unlockKey(): string;
    set unlockKey(value: string);
    /** Sets or gets the language. Used in conjunction with the property messages.
    *	Property type: string
    */
    get locale(): string;
    set locale(value: string);
    /** Callback, related to localization module.
    *	Property type: any
    */
    get localizeFormatFunction(): any;
    set localizeFormatFunction(value: any);
    /** Sets or gets an object specifying strings used in the widget that can be localized. Used in conjunction with the property locale.
    *	Property type: any
    */
    get messages(): any;
    set messages(value: any);
    /** Handles the position of the navigation buttons.
    *	Property type: LayoutPosition | string
    */
    get navigationButtonsPosition(): LayoutPosition | string;
    set navigationButtonsPosition(value: LayoutPosition | string);
    /** Gets/sets current page index.
    *	Property type: number
    */
    get pageIndex(): number;
    set pageIndex(value: number);
    /** Defines the number of page index selectors.
    *	Property type: number
    */
    get pageIndexSelectors(): number;
    set pageIndexSelectors(value: number);
    /** Gets/sets total number of items displayed on page.
    *	Property type: number
    */
    get pageSize(): number;
    set pageSize(value: number);
    /** Defines the data source of the element's page size selector drop down.
    *	Property type: number[]
    */
    get pageSizeSelectorDataSource(): number[];
    set pageSizeSelectorDataSource(value: number[]);
    /** The number of pages in the element.
    *	Property type: number
    */
    get pagesCount(): number;
    set pagesCount(value: number);
    /** If the element is readonly, users cannot interact with it.
    *	Property type: boolean
    */
    get readonly(): boolean;
    set readonly(value: boolean);
    /** Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts.
    *	Property type: boolean
    */
    get rightToLeft(): boolean;
    set rightToLeft(value: boolean);
    /** Controlls displaying of the 'first' and 'last' navigation buttons.
    *	Property type: boolean
    */
    get showFirstLastNavigationButtons(): boolean;
    set showFirstLastNavigationButtons(value: boolean);
    /** Displays text content in navigation buttons instead default icons.
    *	Property type: boolean
    */
    get showNavigationButtonLabels(): boolean;
    set showNavigationButtonLabels(value: boolean);
    /** Determines whether the navigation input is displayed.
    *	Property type: boolean
    */
    get showNavigationInput(): boolean;
    set showNavigationInput(value: boolean);
    /** Determines whether the page index selectors are displayed.
    *	Property type: boolean
    */
    get showPageIndexSelectors(): boolean;
    set showPageIndexSelectors(value: boolean);
    /** Determines whether the page size selector is displayed.
    *	Property type: boolean
    */
    get showPageSizeSelector(): boolean;
    set showPageSizeSelector(value: boolean);
    /** Controlls displaying of the 'previous' and 'next' navigation buttons.
    *	Property type: boolean
    */
    get showPrevNextNavigationButtons(): boolean;
    set showPrevNextNavigationButtons(value: boolean);
    /** Determines whether the page summary is displayed.
    *	Property type: boolean
    */
    get showSummary(): boolean;
    set showSummary(value: boolean);
    /** Determines the theme. Theme defines the look of the element
    *	Property type: string
    */
    get theme(): string;
    set theme(value: string);
    /** If is set to true, the element cannot be focused.
    *	Property type: boolean
    */
    get unfocusable(): boolean;
    set unfocusable(value: boolean);
    /** Gets/sets total number of records whose pagination the Pager controls. Useful when the Pager is part of a more complex element or application.
    *	Property type: number
    */
    get totalRecords(): number;
    set totalRecords(value: number);
    get properties(): string[];
    /**  This event is triggered when user selects a new item.
    *  @param event. The custom event. 	*/
    onChange?: ((event?: Event) => void) | undefined;
    /**  This event is triggered when page size is changed.
    *  @param event. The custom event. 	*/
    onPageSizeChanged?: ((event?: Event) => void) | undefined;
    /**  This event occurs, when the React component is created.
    *  @param event. The custom event. 	*/
    onCreate?: ((event?: Event) => void) | undefined;
    /**  This event occurs, when the React component is completely rendered.
    *  @param event. The custom event. 	*/
    onReady?: ((event?: Event) => void) | undefined;
    get eventListeners(): string[];
    /** Selects first item.
    */
    first(): void;
    /** Selects last item.
    */
    last(): void;
    /** Navigates to particular item.
    * @param {any} pageIndex.
    */
    navigateTo(pageIndex: any): void;
    /** Selects next pager item.
    */
    next(): void;
    /** Selects previous pager item.
    */
    prev(): void;
    constructor(props: any);
    componentDidRender(initialize: boolean): void;
    componentDidMount(): void;
    componentDidUpdate(): void;
    componentWillUnmount(): void;
    render(): React.ReactElement<{
        ref: any;
        suppressHydrationWarning: boolean;
    }, string | React.JSXElementConstructor<any>>;
}
export default Pager;