/// <reference types="react" />
interface CircularChart {
    total: number;
    top: {
        color: string;
        value: number;
    };
    variant: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'button' | 'caption' | 'overline';
    hideSubTotals: boolean;
    bottom: {
        color: string;
        value: number;
    };
    size: number;
    children?: React.ReactNode;
    isRank: boolean;
    thickness: number;
    marginTop: number;
    defaultChildren: boolean;
}
export declare const CircularChart: {
    (props: CircularChart): JSX.Element;
    defaultProps: {
        total: number;
        top: {
            color: string;
            value: number;
        };
        bottom: {
            color: string;
            value: number;
        };
        hideSubTotals: boolean;
        isRank: boolean;
        score: number;
        size: number;
        thickness: number;
        variant: string;
        marginTop: number;
        defaultChildren: boolean;
    };
};
export {};
