import * as React from 'react';
import type { ChartContext, ChartSeries } from './types.js';
export interface ChartFrameLabels {
    showTable?: string | undefined;
    hideTable?: string | undefined;
    lastSeries?: string | undefined;
    legend?: string | undefined;
}
export interface ChartFrameRootProps<TRow> {
    title: string;
    data: readonly TRow[];
    series: readonly ChartSeries[];
    x: {
        key: string;
        label: string;
        format?: Intl.DateTimeFormatOptions | Intl.NumberFormatOptions | undefined;
    };
    hiddenSeries?: readonly string[] | undefined;
    defaultHiddenSeries?: readonly string[] | undefined;
    onHiddenSeriesChange?: ((keys: string[]) => void) | undefined;
    legend?: 'top' | 'bottom' | 'none' | undefined;
    table?: 'toggle' | 'visually-hidden' | 'always' | undefined;
    height?: number | undefined;
    locale?: string | undefined;
    labels?: ChartFrameLabels | undefined;
    children?: React.ReactNode;
}
/** Below this measured plot width a top legend renders after the plot. */
export declare const CHART_NARROW_PX = 480;
/** The ChartContext of the nearest ChartFrame (for element adapters). */
export declare function useChartContext<TRow = Record<string, unknown>>(): ChartContext<TRow>;
export declare function ChartFrameRoot<TRow extends Record<string, unknown>>({ title, data, series, x, hiddenSeries, defaultHiddenSeries, onHiddenSeriesChange, legend, table, height, locale, labels, children, }: ChartFrameRootProps<TRow>): React.JSX.Element;
export declare function ChartLegend({ slot }: {
    slot: 'top' | 'bottom';
}): React.JSX.Element | null;
export declare function ChartPlot({ children }: {
    children?: React.ReactNode | ((ctx: ChartContext<never>) => React.ReactNode);
}): React.JSX.Element;
export declare function ChartTableToggle(): React.JSX.Element | null;
export declare function ChartTable(): React.JSX.Element;
//# sourceMappingURL=ChartFrame.Interactive.d.ts.map