import { CSSProps } from "../CSSProps";
/**
 * @typedef {CSSProps} Theme.CircularProgressThemeProps
 * @property {string} staticBackgroundBorderColor color for static background border
 * @property {string} animatingBackgroundBorderColor color for animating background border
 * @property {string} animatingForegroundBorderColor color for animating foreground border
 */
export interface CircularProgressThemeProps extends Partial<CSSProps> {
    staticBackgroundBorderColor?: string;
    animatingBackgroundBorderColor?: string;
    animatingForegroundBorderColor?: string;
}
/**
 * @typedef  CircularProgress.CircularProgressProps
 * @property {string} [className] - extra css classes
 * @property {number} [size=124] - component size in pixels
 * @property {Theme.CircularProgressThemeProps} [override] extra css styles
 * @property {boolean} [animating] - whether the components should animate or not
 * @property {number} [borderWidth=2] - border width of the component in pixels
 * @property {number} [opacity] - opacity of the component out of 1
 * @private
 */
export interface CircularProgressProps {
    className?: string;
    size?: number;
    override?: CircularProgressThemeProps;
    animating?: boolean;
    borderWidth?: number;
    opacity?: number;
}