import type { TimeFrame } from '../../utils/timeframes';
import type { ChartOptions, MetricDescription, OnChartDataStatusChange } from './types';
import './MetricChart.scss';
interface DiagnosticsChartProps {
    database: string;
    metrics: MetricDescription[];
    defaultTimeFrame?: TimeFrame;
    autorefresh?: number;
    height?: number;
    width?: number;
    chartOptions?: ChartOptions;
    onChartDataStatusChange?: OnChartDataStatusChange;
    /**
     * YAGR charts don't render correctly inside not visible elements\
     * So if chart is used inside component with 'display:none', it will be empty, when visibility change\
     * Pass isChartVisible prop to ensure proper chart render
     */
    isChartVisible?: boolean;
    /** Chart title displayed in the toolbar */
    title: string;
}
export declare const MetricChart: ({ database, metrics, defaultTimeFrame, autorefresh, width, height, chartOptions, onChartDataStatusChange, isChartVisible, title, }: DiagnosticsChartProps) => import("react/jsx-runtime").JSX.Element;
export {};