import React from 'react';
import BasicComponent from '../../../../Base/BasicComponent';
import { IMetricStyle } from '../../../../../constants/metric-panel-style';
import { TThemeOption } from '../../../../../constants';
export interface IMetricStyleProps {
    styles: IMetricStyle[];
    themeOption: TThemeOption;
    onChange: (style: IMetricStyle[]) => void;
    getPopupContainer?: () => HTMLElement;
}
export default class MetricStyle extends BasicComponent<IMetricStyleProps, {}> {
    get defaultContentFontStyle(): number;
    getPrefixAndSuffix(metricStyle: IMetricStyle): {
        prefix: {
            value: string;
            font: {
                fontSize: number;
                fontColor: string;
                layout: import("../../../../../constants/single-style").SingleTextLayout;
            };
        };
        suffix: {
            value: string;
            font: {
                fontSize: number;
                fontColor: string;
                layout: import("../../../../../constants/single-style").SingleTextLayout;
            };
        };
    };
    handleChange(key: string, value: any, index: number): void;
    render(): React.JSX.Element;
}