export type CircularProgressColor = 'default' | 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'white';
export type CircularProgressSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
export type CircularProgressTrackColor = 'decent' | 'lightest' | 'lighter' | 'light' | 'gray' | 'dark' | 'darker' | 'darkest' | 'white';
export type CircularProgressProps = {
    /**
     * Optional text or node shown below the ring.
     */
    label?: React.ReactNode;
    /**
     * Preset size for the component.
     *
     * Possible values are:
     *
     * - `'xs'`
     * - `'sm'`
     * - `'md'`
     * - `'lg'`
     * - `'xl'`
     *
     * @default 'md'
     */
    size?: CircularProgressSize;
    /**
     * Color preset for the progress ring.
     *
     * Possible values are:
     *
     * - `'default'`
     * - `'primary'`
     * - `'secondary'`
     * - `'info'`
     * - `'success'`
     * - `'warning'`
     * - `'danger'`
     * - `'white'`
     *
     * @default 'primary'
     */
    color?: CircularProgressColor;
    /**
     * Defaults to 0 to avoid indeterminate/spinner visuals.
     *
     * @default 0
     */
    value?: number;
    /**
     * Override the rendered value label content.
     */
    valueLabel?: React.ReactNode;
    /**
     * Minimum value for the range.
     *
     * @default 0
     */
    minValue?: number;
    /**
     * Maximum value for the range.
     *
     * @default 100
     */
    maxValue?: number;
    /**
     * Formatting for the visible value label.
     * - If style === "percent": formats ratio (value-min)/(max-min)
     * - Otherwise: formats the raw value (e.g. unit)
     */
    formatOptions?: Intl.NumberFormatOptions;
    /**
     * Indeterminate mode is opt-in. Animates the progress indefinitely.
     * May come in handy when the value still loads to prevent layout shifting.
     *
     * @default false
     */
    isIndeterminate?: boolean;
    /**
     * Toggles the value label in the center of the ring.
     *
     * @default true
     */
    showValueLabel?: boolean;
    /**
     * Stroke width used for the ring and track.
     *
     * @default 8
     */
    strokeWidth?: number;
    /**
     * Track color preset for the background ring.
     *
     * Possible values are:
     *
     * - `'decent'`
     * - `'lightest'`
     * - `'lighter'`
     * - `'light'`
     * - `'gray'`
     * - `'dark'`
     * - `'darker'`
     * - `'darkest'`
     * - `'white'`
     *
     * @default 'lighter'
     */
    trackColor?: CircularProgressTrackColor;
    /**
     * Class name for the track (background ring).
     */
    trackClassName?: string;
    /**
     * Disable motion even if the user allows animations.
     *
     * @default false
     */
    disableAnimation?: boolean;
    /**
     * Delay before the progress animation starts (in seconds).
     *
     * @default 0
     */
    animationDelay?: number;
    /**
     * Class name for the outer wrapper.
     */
    className?: string;
    /**
     * Class name for the ring wrapper.
     */
    ringWrapClassName?: string;
    /**
     * Class name for the center value label.
     */
    valueLabelClassName?: string;
    /**
     * Class name for the label under the ring.
     */
    labelClassName?: string;
};
declare const CircularProgress: (props: CircularProgressProps) => import("react/jsx-runtime").JSX.Element;
export default CircularProgress;
