/** @jsxImportSource react */
import { BooleanProp, NumberProp, StringProp, StructuredProp, StyleProp } from "../../ui/Prop";
import type { RenderingContext } from "../../ui/RenderingContext";
import { type TooltipConfig } from "../overlay/tooltip-ops";
import { Field, FieldConfig, FieldInstance } from "./Field";
import type { Instance } from "../../ui/Instance";
export interface SliderConfig extends FieldConfig {
    /** Low value of the slider range. */
    from?: NumberProp;
    /** High value of the slider range. */
    to?: NumberProp;
    /** Rounding step. */
    step?: NumberProp;
    /** Minimum allowed value. Default is `0`. */
    minValue?: NumberProp;
    /** Maximum allowed value. Default is `100`. */
    maxValue?: NumberProp;
    /** Style object to be applied on the selected axis range. */
    rangeStyle?: StyleProp;
    /** Style object to be applied on the handle. */
    handleStyle?: StyleProp;
    /** Minimum allowed value. Default is `0`. */
    min?: NumberProp;
    /** Maximum allowed value. Default is `100`. */
    max?: NumberProp;
    /** High value of the slider range. */
    value?: NumberProp;
    /** Set to `true` to orient the slider vertically. */
    vertical?: boolean;
    /** Invert vertical slider behavior. Set this to `true` if you want the slider to go from `top` to `bottom`. */
    invert?: boolean;
    /** Range tooltip configuration. */
    toTooltip?: StringProp | StructuredProp;
    /** Range tooltip configuration. */
    valueTooltip?: StringProp | StructuredProp;
    /** Range tooltip configuration. */
    fromTooltip?: StringProp | StructuredProp;
    /** When set to `true`, slider responds to mouse wheel events, while hovering it. It will not work if both `from` and `to` values are used. Default value is `false`. */
    wheel?: BooleanProp;
    /** Value increment/decrement, when controlling the slider with mouse wheel. Default value is set to `1%` of range. */
    increment?: NumberProp;
    /** Increment percentage. Default value is `0.01` (1%). */
    incrementPercentage?: number;
    /** Set to `true` to make the slider read-only. */
    readOnly?: BooleanProp;
    /** Custom validation function. */
    onValidate?: string | ((value: number, instance: Instance, validationParams: Record<string, unknown>) => unknown);
}
export declare class Slider extends Field<SliderConfig, FieldInstance<Slider>> {
    baseClass: string;
    min?: number;
    max?: number;
    minValue: number;
    maxValue: number;
    value?: number;
    vertical: boolean;
    invert: boolean;
    from?: number;
    to?: number;
    showFrom?: boolean;
    showTo?: boolean;
    toTooltip?: TooltipConfig;
    fromTooltip?: TooltipConfig;
    valueTooltip?: TooltipConfig;
    incrementPercentage: number;
    wheel: boolean;
    declareData(...args: Record<string, unknown>[]): void;
    init(): void;
    prepareData(context: RenderingContext, instance: FieldInstance<Slider>): void;
    renderInput(context: RenderingContext, instance: FieldInstance<Slider>, key: string): React.ReactNode;
}
//# sourceMappingURL=Slider.d.ts.map