import { HTMLAttributes, Ref } from 'react';
import { FieldError, FieldPath, FieldValues, UseFormRegister } from 'react-hook-form';
import { ComponentColor, IComponentBaseProps } from '../types';
export interface Mark {
    value: number;
    label?: string;
}
export declare const RANGE = "range";
export declare const SIZE_MAP: Record<"xs" | "sm" | "md" | "lg" | "xl", string>;
export declare const COLOR_MAP: {
    primary: string;
    secondary: string;
    error: string;
    info: string;
    success: string;
    warning: string;
    accent: string;
    neutral: string;
};
export declare const RANGE_MAP: {
    primary: string;
    secondary: string;
    error: string;
    info: string;
    success: string;
    warning: string;
    accent: string;
    neutral: string;
    xs: string;
    sm: string;
    md: string;
    lg: string;
    xl: string;
};
export interface RangeProps extends Omit<HTMLAttributes<HTMLDivElement>, "color" | "onChange">, IComponentBaseProps {
    ref?: Ref<HTMLInputElement>;
    name: FieldPath<FieldValues>;
    value?: number | [number, number];
    min?: number;
    max?: number;
    step?: number;
    color?: Exclude<ComponentColor, "ghost">;
    orientation?: "horizontal" | "vertical";
    onChange?: (value: number | [number, number]) => void;
    disabled?: boolean;
    className?: string;
    progressColor?: string;
    thumbColor?: string;
    marks?: Mark[] | boolean;
    showSteps?: boolean;
    snapToMarks?: boolean;
    markStyle?: "circle" | "line";
    size?: "xs" | "sm" | "md" | "lg" | "xl";
    register?: UseFormRegister<FieldValues>;
    error?: FieldError;
}