import React from 'react';
import { Color } from '../../styles/colors';
import { ButtonAttributes, DivAttributes, Props, SpanAttributes } from '../../utils/types';
import { FieldProps, NavigationIconProps, PageNotationProps, PresetPaginationProps } from './Pagination.types';
export declare const Container: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
export declare const Footer: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
export declare const Notation: React.ForwardRefExoticComponent<PageNotationProps & React.RefAttributes<HTMLDivElement>>;
export declare const Next: React.ForwardRefExoticComponent<ButtonAttributes & NavigationIconProps & React.RefAttributes<HTMLButtonElement>>;
export declare const Prev: React.ForwardRefExoticComponent<ButtonAttributes & NavigationIconProps & React.RefAttributes<HTMLButtonElement>>;
export declare const Field: React.ForwardRefExoticComponent<DivAttributes & FieldProps & React.RefAttributes<HTMLDivElement>>;
/**

 We paginate pages that display large data sets to our users. This helps reduce
 page load time and makes the data easier to navigate.

 Pagination is commonly seen on tool landing pages, where we display 150 objects
 or table rows per page.

 @since 10.19.0

 @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-pagination--demo)

 @see [Design Guidelines](https://design.procore.com/pagination)

 */
export declare const Pagination_: React.ForwardRefExoticComponent<PresetPaginationProps & React.RefAttributes<HTMLDivElement>>;
export declare const Pagination: React.ForwardRefExoticComponent<PresetPaginationProps & React.RefAttributes<HTMLDivElement>> & {
    /**
     * @deprecated
     *
     * Pagination subcomponents will be removed in a future version
     *
     * @deprecatedSince 10.20.0
     */
    Container: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
    /**
     * @deprecated
     *
     * Pagination subcomponents will be removed in a future version
     *
     * @deprecatedSince 10.20.0
     */
    Field: React.ForwardRefExoticComponent<DivAttributes & FieldProps & React.RefAttributes<HTMLDivElement>>;
    /**
     * @deprecated
     *
     * Pagination subcomponents will be removed in a future version
     *
     * @deprecatedSince 10.20.0
     */
    Footer: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
    /**
     * @deprecated
     *
     * Pagination subcomponents will be removed in a future version
     *
     * @deprecatedSince 10.20.0
     */
    Label: React.ForwardRefExoticComponent<SpanAttributes & Props & {
        color?: Color | undefined;
    } & React.RefAttributes<HTMLSpanElement>>;
    /**
     * @deprecated
     *
     * Please use <Button icon={\<ChevronRight /\>} variant="tertiary" />
     *
     * @deprecatedSince 10.20.0
     */
    Next: React.ForwardRefExoticComponent<ButtonAttributes & NavigationIconProps & React.RefAttributes<HTMLButtonElement>>;
    /**
     * @deprecated
     *
     * Pagination subcomponents will be removed in a future version
     *
     * @deprecatedSince 10.20.0
     */
    Notation: React.ForwardRefExoticComponent<PageNotationProps & React.RefAttributes<HTMLDivElement>>;
    /**
     * @deprecated
     *
     * Please use <Button icon={\<ChevronLeft /\>} variant="tertiary" />
     *
     * @deprecatedSince 10.20.0
     */
    Prev: React.ForwardRefExoticComponent<ButtonAttributes & NavigationIconProps & React.RefAttributes<HTMLButtonElement>>;
};
export default Pagination;
