import { JSX, SVGAttributes } from 'react';
import { StatusIconProps } from './StatusIcon';
export interface RadialProgressProps extends SVGAttributes<SVGElement> {
    /**
     * Progress percentage express as number from 0 to 100.
     * When not specified, it will render a dashed circle (eg: pending state)
     */
    percentage?: number;
    /**
     * Size variant to match `Icon` dimension.
     * When missing, default size is 42px, small is 24px
     * @default 'large'
     */
    size?: "small" | "large" | "x-large";
    /**
     * Optional icon to be rendered in the center of the circle
     */
    icon?: StatusIconProps["name"];
    /**
     * Optional alignment of the component
     */
    align?: "center";
}
/**
 * Used to render a radial progress with a pending and a progress state. It also accepts an optional icon to be rendered in the center of the circle.
 * <span type="info">
 * When passing a `percentage` as number, it will show a progress circle, filled with the given percentage.
 * If `percentage` is not passed, it will be rendered as a dashed circle to represent the pending state.
 * </span>
 */
declare function RadialProgress({ percentage, className, size, icon, align, ...rest }: RadialProgressProps): JSX.Element;
declare namespace RadialProgress {
    var displayName: string;
}
export { RadialProgress };