import { type LayoutStyle } from "../../style/index.js"; import { type Tone } from "../shared/charts.styles.js"; import { type ChartSkin } from "../shared/types.js"; export interface RangePoint { /** The envelope's lower edge at this label. */ low: number; /** The envelope's upper edge at this label. */ high: number; /** An optional central line value (e.g. the mean or forecast). */ mid?: number; } export interface RangeAreaChartProps { /** Category labels along the x axis, one per data column. */ labels: string[]; /** One range per label, aligned by index. */ data: RangePoint[]; /** Names the envelope (e.g. "Forecast"); leads the accessible name and the flag. */ label?: string; /** Optional heading shown above the plot. */ title?: string; success?: boolean; destructive?: boolean; curved?: boolean; compact?: boolean; /** Strip the card surface for nesting inside an existing card (mirrors Stats). */ plain?: boolean; hideGrid?: boolean; hideAxes?: boolean; /** Formats tick labels and accessible values (data formatting, not styling). */ formatValue?: (v: number) => string; /** Scrub-to-inspect: the selected category index (controlled). Pass null for none. */ selected?: number | null; /** Scrub-to-inspect: the initially selected category (uncontrolled). */ defaultSelected?: number; /** Fired when a press/scrub selects a category (or clears it with null). */ onSelect?: (index: number | null) => void; /** E2E hook forwarded to the root element. */ testID?: string; /** Composition within a parent only, never a restyle hook and never a width: the parent layout container provides the bounds. */ style?: LayoutStyle; } export declare function toneOf(p: RangeAreaChartProps): Tone; /** Build a RangeAreaChart from a platform skin. */ export declare function createRangeAreaChart(skin: ChartSkin): (props: RangeAreaChartProps) => import("react").JSX.Element; //# sourceMappingURL=range-area-chart.shared.d.ts.map