import { type IconType } from "@vibe/icon";
import { type ReactElement } from "react";
import { type SliderSize, type SliderColor as SliderColorType, type SliderLabelPosition, type SliderLabelColor } from "./Slider.types";
export declare const BEM_PREFIX = "monday";
export declare const COMPONENT_ID = "slider";
export declare const UPDATE_SLIDER_SIZE_DEBOUNCE = 200;
export declare const TOOLTIP_SHOW_DELAY = 300;
export type SliderContextSelection = {
    max: number;
    min: number;
    ranged: boolean;
    step: number;
    value: number | number[];
    valueText: string | string[];
};
export type SliderContextUI = {
    active: number;
    "aria-label": string;
    "aria-labelledby": string;
    color: SliderColorType;
    disabled: boolean;
    dragging: number;
    focused: number;
    size: SliderSize;
    shapeTestId: (subElement: string) => string;
    showValue: boolean;
    valueLabelPosition: SliderLabelPosition;
    valueLabelColor: SliderLabelColor;
};
export type SliderContextActions = {
    setActive: (value: number) => void;
    setFocused: (value: number) => void;
    setDragging: (value: number) => void;
    changeThumbValue: (newValue: number | string, thumbIndex?: number, cancelFocus?: boolean) => void;
    drugThumb: (newValue: number | number[]) => void;
    decreaseValue: (consumerStep?: number) => void;
    increaseValue: (consumerStep?: number) => void;
};
export type SliderContextInfix = {
    /**
     * Show selected from Slider range value
     */
    indicateSelection?: boolean;
    /**
     * Options for initial/start/prefix element, it can be one of:
     *  - Any Component (react component, node, text, number etc.)
     *  - Or it can be an object of options for Icons component (see Icon components props)
     *  - Or it can be an object for Label (Icon, Heading - and other components)
     *  - Or it can be Render Props Function witch are getting value and valueText
     */
    prefix?: {
        icon: IconType;
    } | string | ((value: number | number[], valueText: string | string[]) => ReactElement) | ReactElement;
    /**
     * Options for postfix/end/finishing element. Same as prefix element.
     */
    postfix?: {
        icon: IconType;
    } | string | ((value: number | number[], valueText: string | string[]) => ReactElement) | ReactElement;
    /**
     * Width of SelectionIndicator (i.e. TextField)
     */
    selectionIndicatorWidth?: string;
};