import { type ReactElement } from "react";
import { type ContentRect } from "react-measure";
import { type ITheme } from "@gooddata/sdk-model";
import { type ILegendOptions, type ILegendProps, type PositionType } from "@gooddata/sdk-ui-vis-commons";
import { type IChartConfig } from "../../interfaces/chartConfig.js";
import { type OnLegendReady } from "../../interfaces/chartProps.js";
import { type HChart, type HighchartsOptions } from "../lib/index.js";
import { type IChartOptions } from "../typings/unsafe.js";
import { type IChartProps } from "./Chart.js";
/**
 * @internal
 */
export declare const FLUID_LEGEND_THRESHOLD = 768;
export interface IChartHTMLElement extends HTMLElement {
    getChart(): HChart;
    getHighchartRef(): HTMLElement;
}
/**
 * @internal
 */
export interface IHighChartsRendererProps {
    chartOptions: IChartOptions;
    hcOptions: HighchartsOptions;
    documentObj?: Document | null;
    height?: number | null;
    width?: number;
    legend?: ILegendOptions;
    locale?: string;
    theme?: ITheme;
    onLegendReady?: OnLegendReady;
    legendRenderer?: (legendProps: ILegendProps) => any;
    chartRenderer?: (chartProps: IChartProps) => any;
    afterRender?: () => void;
    resetZoomButtonTooltip?: string | null;
    contentRect?: ContentRect;
    config?: IChartConfig;
}
export interface IHighChartsRendererState {
    legendItemsEnabled: boolean[];
    showFluidLegend: boolean;
}
export interface ILegendDetails {
    name?: string;
    position: PositionType;
    maxRows?: number;
    renderPopUp?: boolean;
}
export declare function renderChart(props: IChartProps): ReactElement;
export declare function renderLegend(props: ILegendProps): ReactElement;
export declare const HighChartsRenderer: import("react").NamedExoticComponent<IHighChartsRendererProps>;
//# sourceMappingURL=HighChartsRenderer.d.ts.map