import type { ResolvedGradientConfig } from "../core/resolveConfig";
import type { ChartPadding } from "../draw/line";
import type { LiveChartPalette } from "../types";
export interface ChartColors {
    /** Background color derived from the theme palette. */
    backgroundColor: string;
    /** Y coordinate of the gradient bottom edge — accounts for bottom inset. */
    gradientEnd: number;
    /** Top gradient stop — custom opacity or palette default. */
    gradientTopColor: string;
    /** Bottom gradient stop — custom opacity or palette default. */
    gradientBottomColor: string;
    /** Gradient color stops (top → bottom). Custom `colors` when provided, else the
     *  2-stop `[gradientTopColor, gradientBottomColor]` fallback. */
    gradientColors: string[];
    /** Stop positions matching `gradientColors`, or undefined for even spacing. */
    gradientPositions: number[] | undefined;
}
/**
 * Derives background and gradient colors from the resolved palette and
 * optional GradientConfig opacities. The React Compiler memoizes the result
 * so strings are only recomputed when inputs change.
 */
export declare function useChartColors(palette: LiveChartPalette, gradientCfg: ResolvedGradientConfig | null, accentColor: string, layoutHeight: number, padding: ChartPadding): ChartColors;
//# sourceMappingURL=useChartColors.d.ts.map