import { type SkFont } from "@shopify/react-native-skia";
import { type SharedValue } from "react-native-reanimated";
import type { ResolvedGridStyleConfig } from "../core/resolveConfig";
import type { ChartEngineLayout } from "../core/useLiveChartEngine";
import type { ChartPadding } from "../draw/line";
import type { XAxisEntry } from "../hooks/useXAxis";
import type { LiveChartPalette } from "../types";
export declare function XAxisOverlay({ entries, engine, padding, palette, font, volumeBandHeight, }: {
    entries: SharedValue<XAxisEntry[]>;
    engine: ChartEngineLayout;
    padding: ChartPadding;
    palette: LiveChartPalette;
    font: SkFont;
    /**
     * Reserved volume-band height (px) folded into `padding.bottom`. The axis line
     * + labels shift back down by this so they stay at the very bottom, below the
     * band, while the price plot above shrinks. `0` = no band (default).
     */
    volumeBandHeight?: number;
}): import("react").JSX.Element;
/**
 * Vertical grid lines at the time-axis ticks (`xAxis.gridLines`). The chart
 * draws this behind the series, in the horizontal grid's layer; the axis line,
 * ticks, and labels stay in {@link XAxisOverlay} above it. One pooled line per
 * label slot, so each line fades with its label instead of popping in at the
 * plot edges.
 */
export declare function XAxisGridLines({ entries, engine, padding, palette, gridStyle, volumeBandHeight, }: {
    entries: SharedValue<XAxisEntry[]>;
    engine: ChartEngineLayout;
    padding: ChartPadding;
    palette: LiveChartPalette;
    gridStyle: ResolvedGridStyleConfig;
    /** Reserved volume-band height (px); the lines run through it to the axis line. */
    volumeBandHeight?: number;
}): import("react").JSX.Element;
//# sourceMappingURL=XAxisOverlay.d.ts.map