import React from 'react';
import { OcBaseProps } from '../OcBase';
import { ConfigContextProps, OcThemeName, Size } from '../ConfigProvider';
import { TooltipProps } from '../Tooltip';
export declare const LARGE_THUMB_DIAMETER: number;
export declare const LARGE_THUMB_RADIUS: number;
export declare const MEDIUM_THUMB_DIAMETER: number;
export declare const MEDIUM_THUMB_RADIUS: number;
export declare const SMALL_THUMB_DIAMETER: number;
export declare const SMALL_THUMB_RADIUS: number;
export declare const THUMB_TOOLTIP_Y_OFFSET: number;
export declare const LARGE_MARKER_OFFSET: number;
export declare const MEDIUM_MARKER_OFFSET: number;
export declare const SMALL_MARKER_OFFSET: number;
export declare type SliderLabelPosition = 'bottom' | 'inline';
export declare type SliderMarks = SliderProps['marks'];
export declare type SliderType = 'data' | 'default';
export declare enum SliderSize {
    Flex = "flex",
    Large = "large",
    Medium = "medium",
    Small = "small"
}
export declare enum SliderTrackStatus {
    Error = "error",
    Success = "success",
    Warning = "warning"
}
export interface Marker {
    /**
     * Custom Marker class names.
     */
    classNames?: string;
    /**
     * Custom Marker label.
     */
    label?: React.ReactNode;
    /**
     * Custom Marker style.
     */
    style?: React.CSSProperties;
}
export interface SliderMarker extends Marker {
    /**
     * The step value of the marker.
     */
    value: number;
}
export interface MarkProps {
    /**
     * The Mark renderer.
     */
    children?: React.ReactNode;
    /**
     * Custom Mark class names.
     */
    classNames?: string;
    /**
     * Callback executed on Mark click.
     */
    onClick: (value: number) => void;
    /**
     * Custom Mark style.
     */
    style?: React.CSSProperties;
    /**
     * The Mark value
     */
    value: number;
}
export interface MarksProps {
    /**
     * The Slider marks.
     */
    marks?: SliderMarker[];
    /**
     * Callback executed on Mark click.
     */
    onClick: (value: number) => void;
}
export interface DotProps {
    /**
     * Custom active dot style.
     */
    activeStyle?: React.CSSProperties | ((dotValue: number) => React.CSSProperties);
    /**
     * Custom class names.
     */
    classNames?: string;
    /**
     * Custom dot style.
     */
    style?: React.CSSProperties | ((dotValue: number) => React.CSSProperties);
    /**
     * The Slider track status.
     * Options: success, warning, and error.
     */
    trackStatus?: SliderTrackStatus;
    /**
     * The type of Slider.
     * @default 'default'
     */
    type?: SliderType;
    /**
     * The step dot value.
     */
    value: number;
}
export interface StepsProps {
    /**
     * Custom active dot style.
     */
    activeStyle?: React.CSSProperties | ((dotValue: number) => React.CSSProperties);
    /**
     * Custom class names.
     */
    classNames?: string;
    /**
     * The step dots.
     */
    dots?: boolean;
    /**
     * The Slider marks.
     */
    marks: SliderMarker[];
    /**
     * Custom dot style.
     */
    style?: React.CSSProperties | ((dotValue: number) => React.CSSProperties);
    /**
     * The Slider track status.
     * Options: success, warning, and error.
     */
    trackStatus?: SliderTrackStatus;
    /**
     * The type of Slider.
     * @default 'default'
     */
    type?: SliderType;
    /**
     * Only display specific dots.
     */
    visibleDots?: number[];
}
export interface SliderProps extends SliderInputProps {
    /**
     * Indicates if the value should be displayed under the Slider.
     * @default true
     */
    showLabels?: boolean;
    /**
     * Indicates if steps/markers should be displayed on the Slider track.
     * @default false
     */
    showMarkers?: boolean;
}
export interface SliderInputProps extends Omit<OcBaseProps<HTMLInputElement>, 'onChange' | 'type' | 'value'> {
    /**
     * Custom active dot style.
     */
    activeDotStyle?: React.CSSProperties | ((dotValue: number) => React.CSSProperties);
    /**
     * Allows focus on the Slider when it's disabled.
     * @default false
     */
    allowDisabledFocus?: boolean;
    /**
     * The Slider aria label text.
     */
    ariaLabel?: string;
    /**
     * The Slider autoFocus attribute.
     * @default false
     */
    autoFocus?: boolean;
    /**
     * Configure how contextual props are consumed.
     */
    configContextProps?: ConfigContextProps;
    /**
     * Custom class names of the component container.
     */
    containerClassNames?: string;
    /**
     * The Slider disabled state.
     * @default false
     */
    disabled?: boolean;
    /**
     * Enable Slider step dots.
     * @default false
     */
    dots?: boolean;
    /**
     * Slider step dots custom class names.
     */
    dotClassNames?: string;
    /**
     * Custom dot style.
     */
    dotStyle?: React.CSSProperties | ((dotValue: number) => React.CSSProperties);
    /**
     * The Slider is a form item.
     * @default false
     */
    formItemInput?: boolean;
    /**
     * Hide the maximum value of the Slider.
     * @default false
     */
    hideMax?: boolean;
    /**
     * Hide the minimum value of the Slider.
     * @default false
     */
    hideMin?: boolean;
    /**
     * Whether to hide the Slider rail.
     * @default false
     */
    hideRail?: boolean;
    /**
     * Whether to hide the Slider thumb until rail is clicked.
     * @default false
     */
    hideThumb?: boolean;
    /**
     * Whether to hide the Slider track.
     * @default false
     */
    hideTrack?: boolean;
    /**
     * Hide the value of the Slider.
     * @default false
     */
    hideValue?: boolean;
    /**
     * The input id.
     * NOTE: For range Sliders, each input's id will have an index value added.
     */
    id?: string;
    /**
     * Make effect when `marks` isn't null,
     * true means containment and false means coordinative.
     * @default true
     */
    included?: boolean;
    /**
     * Sets the Slider extremity label position.
     * @default 'bottom'
     */
    labelPosition?: SliderLabelPosition;
    /**
     * Slider custom marks, type of key must be number,
     * and must in closed interval [min, max], each mark may declare its own style.
     */
    marks?: Record<string | number, React.ReactNode | SliderMarker>;
    /**
     * The maximum value of the Slider.
     * @default 100
     */
    max?: number;
    /**
     * The custom maximum value label of the Slider.
     */
    maxLabel?: string;
    /**
     * Custom maximum value label style.
     */
    maxLabelStyle?: React.CSSProperties;
    /**
     * The minimum value of the Slider.
     * @default 0
     */
    min?: number;
    /**
     * The custom minimum value label of the Slider.
     */
    minLabel?: string;
    /**
     * Custom minimum value label style.
     */
    minLabelStyle?: React.CSSProperties;
    /**
     * The input name.
     * NOTE: For range Sliders, each input's name will have an index value added.
     */
    name?: string;
    /**
     * The input onChange event handler.
     */
    onChange?: (value: number | number[]) => void;
    /**
     * Whether to visually hide the Slider rail border.
     * @default true
     */
    railBorder?: boolean;
    /**
     * The Slider is read only.
     */
    readOnly?: boolean;
    /**
     * The Slider size.
     * @default SliderSize.Medium
     */
    size?: SliderSize | Size;
    /**
     * Selected values must be a multiple of step.
     * @default 1
     */
    step?: number;
    /**
     * Theme of the Slider.
     * Use with configContextProps.noThemeContext to override theme.
     * @default blue
     */
    theme?: OcThemeName;
    /**
     * Theme container of the Slider.
     * Use with `theme` to generate a unique container or a common one.
     */
    themeContainerId?: string;
    /**
     * The Slider thumb tooltip content.
     */
    tooltipContent?: React.ReactNode | React.ReactNode[];
    /**
     * Max tooltip props.
     */
    tooltipProps?: Omit<TooltipProps, 'content'>;
    /**
     * Whether to visually hide the Slider track border.
     * @default true
     */
    trackBorder?: boolean;
    /**
     * The Slider track status.
     * Options: success, warning, and error.
     */
    trackStatus?: SliderTrackStatus;
    /**
     * The type of Slider.
     * @default 'default'
     */
    type?: SliderType;
    /**
     * The current Slider value. Provide an array for range Slider.
     */
    value: number | number[];
    /**
     * The custom value label of the Slider.
     */
    valueLabel?: string | string[];
    /**
     * Only display specific dots.
     * Dots are mapped to steps.
     */
    visibleDots?: number[];
}