export type TPageRangeSize = 'xs' | 's' | 'm' | 'l';
export type TPageSizeSelectorProps = {
    /**
     * Number of items per page, according to the pre-defined range values.
     */
    perPage?: number;
    /**
     * Range of items per page.
     * <br/>
     * `XS: 5,10,15,20`
     * <br/>
     * `SMALL: 20,50`
     * <br/>
     * `MEDIUM: 20,50,100`
     * <br/>
     * `LARGE: 200,500`
     */
    perPageRange?: TPageRangeSize;
    /**
     * A callback function, called when `perPage` is changed.
     */
    onPerPageChange: (value: number) => void;
    /**
     * Number of items in the current page
     */
    pageItems: number;
};
declare const PageSizeSelector: {
    ({ perPage, perPageRange, ...props }: TPageSizeSelectorProps): import("@emotion/react/jsx-runtime").JSX.Element;
    displayName: string;
};
export default PageSizeSelector;
