import React, { HTMLAttributes } from 'react';
interface Props extends HTMLAttributes {
/**
* The color of the component. It supports those theme colors that make sense for this component.
*/
color?: string;
/**
* If `true`, the shrink animation is disabled.
* This only works if variant is `indeterminate`.
*/
disableShrink?: boolean;
/**
* The size of the circle.
* If using a number, the pixel unit is assumed.
* If using a string, you need to provide the CSS unit, e.g '3rem'.
*/
size?: number;
/**
* The thickness of the circle.
*/
thickness?: number;
/**
* The value of the progress indicator for the determinate and static variants.
* Value between 0 and 100.
*/
value?: number;
/**
* The variant to use.
* Use indeterminate when there is no progress value.
*/
variant?: 'determinate' | 'indeterminate' | 'stable';
}
/**
* If the progress bar is describing the loading progress of a particular region of a page,
* you should use `aria-describedby` to point to the progress bar, and set the `aria-busy`
* attribute to `true` on that region until it has finished loading.
*/
export declare const CircularProgress: React.ForwardRefExoticComponent>;
export {};