import React from 'react';
import { ComponentProps } from '@hitagi/utils/types';
import Box from '../Box';
type CircularMeterProps = {
    children?: React.ReactNode;
    /**
     * value of the progress indicator, should be between 0 and 1
     */
    value?: number;
    /**
     * color of progress indicator
     */
    fg?: string;
    /**
     * background of the circular meter, which will be shown for non filled area
     */
    bg?: string;
    /**
     * Size of the meter
     */
    size?: number | string;
    /**
     * Used to embed definitions for svg that can be reused in `fg` or `bg`
     */
    defs?: JSX.Element;
    /**
     * Size of the thickness of circle
     */
    thickness?: number;
} & ComponentProps<typeof Box>;
export declare const StyledSvg: import("styled-components").StyledComponent<"svg", import("styled-components").DefaultTheme, {}, never>;
/**
 * Cicular meter is use to show the vizualization of progress in a cicular form
 */
export default function CircularMeter(props: CircularMeterProps): JSX.Element;
export {};