import React, { ElementType, ReactNode } from 'react';
import { BoxProps, SvgIconProps } from '@mui/material';
import { LoadingTextProps } from './LoadingText';
import { ProgressStateProps } from './ProgressState';
export interface SpinnerProps extends BoxProps<ElementType> {
    /**
     * Value of progress
     */
    value?: number;
    /**
     * Affects component size
     * @default medium
     */
    size?: 'small' | 'medium' | number;
    /**
     * Stroke width of circle
     * @default 16
     */
    thickness?: number;
    /**
     * State indicates whether the component should display loader or spinner for the loading state or message with a icon
     * @default loading
     */
    state?: 'loading' | ProgressStateProps['state'];
    /**
     * Message when success appears
     */
    successMessage?: ProgressStateProps['successMessage'];
    /**
     * Message when error appears
     */
    errorMessage?: ProgressStateProps['errorMessage'];
    /**
     * Properties applied to ProgressState
     */
    progressStateProps?: Omit<ProgressStateProps, 'successMessage' | 'errorMessage' | 'state'>;
    /**
     * Properties applied to SVG
     */
    svgIconProps?: SvgIconProps;
    /**
     * Additional label before LoadingText
     */
    label?: ReactNode;
    /**
     * Properties applied to LoadingText
     */
    loadingTextProps?: LoadingTextProps;
}
/**
 * A styled loader component that displays animated svg circle
 */
export declare const Spinner: React.FC<SpinnerProps>;