import { type ReactNode } from "react";
/**
 * Internal presentation of the v4 Charts room's authored specimens. The room
 * composes the real chart controls while retaining its deliberately sparse
 * furniture and fixed drawing proportions. Public chart defaults are unchanged.
 */
export type ChartPresentationKind = "chart" | "line" | "area" | "range" | "composed" | "histogram" | "box" | "scatter" | "waterfall" | "depth" | "candlestick";
export interface ChartPresentation {
    kind: ChartPresentationKind;
    annotation?: {
        index: number;
        lines: string[];
    };
    /** An authored five-number summary, independent of raw-sample Tukey estimation. */
    boxSummaries?: Array<{
        min: number;
        q1: number;
        median: number;
        q3: number;
        max: number;
        outliers: number[];
    }>;
}
export declare function ChartPresentationProvider({ kind, annotation, boxSummaries, children, }: ChartPresentation & {
    children: ReactNode;
}): import("react").JSX.Element;
export declare const useChartPresentation: () => ChartPresentation | null;
/** The original page's viewBoxes and grid coordinates, in authored units. */
export declare const CHART_PRESENTATIONS: {
    readonly chart: {
        readonly width: 400;
        readonly height: 180;
        readonly meet: false;
        readonly grid: readonly [];
    };
    readonly line: {
        readonly width: 400;
        readonly height: 180;
        readonly meet: false;
        readonly grid: readonly [45, 90, 135];
    };
    readonly area: {
        readonly width: 300;
        readonly height: 140;
        readonly meet: false;
        readonly grid: readonly [35, 70, 105];
    };
    readonly range: {
        readonly width: 330;
        readonly height: 140;
        readonly meet: false;
        readonly grid: readonly [47, 94];
    };
    readonly composed: {
        readonly width: 320;
        readonly height: 140;
        readonly meet: false;
        readonly grid: readonly [35, 70, 105];
    };
    readonly histogram: {
        readonly width: 300;
        readonly height: 140;
        readonly meet: false;
        readonly grid: readonly [];
    };
    readonly box: {
        readonly width: 280;
        readonly height: 150;
        readonly meet: true;
        readonly grid: readonly [64, 124];
    };
    readonly scatter: {
        readonly width: 280;
        readonly height: 150;
        readonly meet: true;
        readonly grid: readonly [37, 75, 112];
    };
    readonly waterfall: {
        readonly width: 280;
        readonly height: 150;
        readonly meet: true;
        readonly grid: readonly [130];
    };
    readonly depth: {
        readonly width: 300;
        readonly height: 140;
        readonly meet: false;
        readonly grid: readonly [];
    };
    readonly candlestick: {
        readonly width: 320;
        readonly height: 150;
        readonly meet: false;
        readonly grid: readonly [20, 50, 80, 116];
    };
};
/** The room's pinned readout; inspection changes its values through the real chart. */
export declare function PresentationFlag({ lines, x, y, before, gap, radius, padH, padV, fontSize, lineHeight, mutedLast, }: {
    lines: string[];
    x: number;
    y?: number;
    before?: boolean;
    gap?: number;
    radius?: number;
    padH?: number;
    padV?: number;
    fontSize?: number;
    lineHeight?: number;
    mutedLast?: boolean;
}): import("react").JSX.Element;
//# sourceMappingURL=chart-presentation.d.ts.map