import { type StyleProp, type ViewStyle } from "../../style/index.js";
import { type ChartSkin } from "../shared/types.js";
import { type DepthLevel } from "../shared/chart-math.js";
export type { DepthLevel } from "../shared/chart-math.js";
export interface DepthChartProps {
    /** Bid levels (any order; sorted internally). */
    bids: DepthLevel[];
    /** Ask levels (any order; sorted internally). */
    asks: DepthLevel[];
    /** Optional heading shown above the plot. */
    title?: string;
    compact?: boolean;
    hideLegend?: boolean;
    hideGrid?: boolean;
    hideAxes?: boolean;
    /** Formats tick labels and accessible values (data formatting, not styling). */
    formatValue?: (v: number) => string;
    /** 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 DepthChart from a platform skin. */
export declare function createDepthChart(skin: ChartSkin): (props: DepthChartProps) => import("react").JSX.Element;
//# sourceMappingURL=depth-chart.shared.d.ts.map