import { SvelteComponentTyped } from "svelte";
declare const __propDef: {
    props: {
        /**
             * changes the look of the ring from a ring, a checkmark or an error x.
             */ status?: "error" | "loading" | "complete" | undefined;
        /**
             * controls whether the ring will display a set progress or spin
             */ indeterminate?: boolean | undefined;
        /**
             * Number from 0 to 1, denotes the progress
             */ progress?: number | undefined;
    };
    events: {
        [evt: string]: CustomEvent<any>;
    };
    slots: {};
};
export type ProgressRingProps = typeof __propDef.props;
export type ProgressRingEvents = typeof __propDef.events;
export type ProgressRingSlots = typeof __propDef.slots;
/**
 * ProgressRing
 *
 * Ring to denote progress. Can be either determinate or indeterminate.
 *
 * Props:
 * - status ("loading"|"complete"|"error"): changes the look of the ring from a ring, a checkmark or an error x.
 * - progress (number) : Number from 0 to 1, denotes the progress
 * - indeterminate (boolean): controls whether the ring will display a set progress or just spin
 *
 * Css Variables:
 * - spinnerProgressBg(default: #36b32b): Ring background color when determinate
 * - spinnerIcon(default: #99003b): Ring Color
 * - spinnerBgComplete(default: #36b32b): Background color when complete
 * - spinnerBgError(default: #db3434): Background color on error
 * - spinnerIconComplete(default: #ffffff): Checkmark color
 * - spinnerIconError(default: #ffffff): X icon color
 */
export default class ProgressRing extends SvelteComponentTyped<ProgressRingProps, ProgressRingEvents, ProgressRingSlots> {
}
export {};