import { default as React } from 'react';
import { ObjectValues } from '../../utils/ObjectValues';
export declare const PagerVariant: {
    readonly VARIANT_FULL: "full";
    readonly VARIANT_COMPACT: "compact";
};
export type PagerProps = {
    /**
     * The title or name of the section next/previous section.
     */
    title: string | React.ReactNode;
    /**
     * The optional label for the full variant.
     */
    label?: string | React.ReactNode;
    /**
     * Set right alignment for "previous" pager content to be aligned
     * to the right side of the pager and the arrow on the left side.
     *
     * @default false
     */
    alignRight?: boolean;
    /**
     * Define how large the component should be rendered.
     *
     * Possible values are:
     * `Pager.VARIANT_FULL`, `Pager.VARIANT_COMPACT` or
     * `full`, `compact`.
     *
     * @default `full`
     */
    variant?: ObjectValues<typeof PagerVariant>;
    /**
     * Sets the pager disabled.
     *
     * @default false
     */
    disabled?: boolean;
    /**
     * Callback function for when the component is clicked.
     *
     * @param event
     * @returns
     */
    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
    /**
     * Additional classes for the wrapper element.
     */
    className?: string;
};
declare const Pager: {
    (props: PagerProps): import("react/jsx-runtime").JSX.Element;
    VARIANT_FULL: "full";
    VARIANT_COMPACT: "compact";
};
export default Pager;
