type Props = {
    percent: number;
    radius: number;
    strokeWidth?: number;
    title?: string;
    color?: string;
    backgroundColor?: string;
    children?: JSX.Element;
};
/**
 *
 *
 * @example
 * <CircularProgressBar
 * title="Total Capacity"
 * percent={60}
 * radius={70}
 * color="red"
 * backgroundColor="blue"
 * strokeWidth={10}
 * >
 * 	<text
        x="50%"
        y="50%"
        dominantBaseline="middle"
        textAnchor="middle"
        fontSize={fontSize.smaller}
      >
        text content
      </text>
    </CircularProgressBar>
 */
declare function CircularProgressBar({ percent, radius, strokeWidth, title, color, backgroundColor, children, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
export { CircularProgressBar };
//# sourceMappingURL=CircularProgressBar.component.d.ts.map