import { type StyleProp, type ViewStyle } from "../../style/index.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;
    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;
    /** Outer layout composition only (width/flex within a parent), never a restyle hook. */
    style?: StyleProp<ViewStyle>;
}
/** 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