import type { Palette } from '../services/theme-provider-service.js';
export type CircularProgressProps = {
    /**
     * A progress value (0–100). Used when variant is 'determinate'.
     */
    value?: number;
    /**
     * The variant of the progress indicator.
     * - 'determinate': shows a fixed arc based on `value`
     * - 'indeterminate': shows a rotating animation
     * @default 'indeterminate'
     */
    variant?: 'determinate' | 'indeterminate';
    /**
     * The palette color for the progress circle.
     * @default 'primary'
     */
    color?: keyof Palette;
    /**
     * The diameter of the circular progress in pixels.
     * @default 40
     */
    size?: number;
    /**
     * The thickness of the circular stroke.
     * @default 3.6
     */
    thickness?: number;
};
export declare const CircularProgress: (props: CircularProgressProps & Omit<Partial<HTMLElement>, "style"> & {
    style?: Partial<CSSStyleDeclaration>;
} & {
    ref?: import("@furystack/shades").RefObject<Element>;
}, children?: import("@furystack/shades").ChildrenList) => JSX.Element;
//# sourceMappingURL=circular-progress.d.ts.map