import React from 'react';
import { DefaultProps, FlowindColor, FlowindNumberSize, Selectors } from '../../../styles';
import { FlowindTransition } from '../../transition';
import useStyles from './thumb.styles';
export type ThumbStylesNames = Selectors<typeof useStyles>;
export interface ThumbProps extends DefaultProps<ThumbStylesNames> {
    max: number;
    min: number;
    value: number;
    position: number;
    dragging: boolean;
    color: FlowindColor;
    size: FlowindNumberSize;
    label: React.ReactNode;
    onKeyDownCapture?: (event: React.KeyboardEvent<HTMLDivElement>) => void;
    onMouseDown?: (event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>) => void;
    labelTransition?: FlowindTransition;
    labelTransitionDuration?: number;
    labelTransitionTimingFunction?: string;
    labelAlwaysOn: boolean;
    thumbLabel: string;
    onFocus?: () => void;
    onBlur?: () => void;
    showLabelOnHover?: boolean;
    isHovered?: boolean;
    children?: React.ReactNode;
    disabled: boolean;
    thumbSize: number;
    variant: string;
}
export declare const Thumb: React.ForwardRefExoticComponent<ThumbProps & React.RefAttributes<HTMLDivElement>>;