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; export default Loader;