import { PaletteNames } from '../../theme/palette';
import { Overlay } from './constants';
export type LoaderColors = PaletteNames;
export type LoaderSizes = 'tiny' | 'small' | 'medium' | 'large';
export interface LoaderProps {
    /** Sets the color of the loader. If overlay is used, the color will always be white.  */
    color?: LoaderColors;
    /**	Adds custom classes to the element. */
    className?: string;
    /** Changes the size of the loader. */
    size?: LoaderSizes;
    /** Sets the data-testid attribute. */
    testId?: string;
    /** id of the label */
    labelId?: string;
    /** Centers the loader in a container */
    center?: boolean;
    /** Inline the loader so it can be used in a span or paragraph */
    inline?: boolean;
    /** Loader is displayed with grey background covering the entire screen */
    overlay?: keyof typeof Overlay;
    /** Individual id for loading icon (aria-labelledby).  */
    ariaLabelledById?: string;
    /** String that labels the current loading element  */
    ariaLabel?: string;
}
declare const Loader: React.FC<LoaderProps>;
export default Loader;
