import React from 'react';
import { DefaultProps } from '../../styles';
import { ColorPickerBaseProps, ColorPickerStylesNames } from '../color-picker';
import { InputSharedProps, InputStylesNames, InputWrapperBaseProps, InputWrapperStylesNames } from '../input';
export type ColorInputStylesNames = InputWrapperStylesNames | InputStylesNames | ColorPickerStylesNames;
export interface ColorInputProps extends InputWrapperBaseProps, InputSharedProps, ColorPickerBaseProps, DefaultProps<ColorInputStylesNames>, Omit<React.ComponentPropsWithoutRef<'input'>, 'size' | 'onChange' | 'defaultValue' | 'value' | 'prefix'> {
    /** Disallow free input */
    disallowInput?: boolean;
    /** call onChange with last valid value onBlur */
    fixOnBlur?: boolean;
    /** Display swatch with color preview on the left side of input */
    withPreview?: boolean;
    /** Whether to render the dropdown in a Portal */
    /** Determines whether eye dropper button should be displayed in the right section, true by default */
    withEyeDropper?: boolean;
    /** Replaces default eye dropper icon */
    eyeDropperIcon?: React.ReactNode;
    /** Determines whether the dropdown should be closed when color swatch is clicked, false by default */
    closeOnColorSwatchClick?: boolean;
    /** aria-label for eye dropper button */
    eyeDropperLabel?: string;
}
export declare const ColorInput: React.ForwardRefExoticComponent<ColorInputProps & React.RefAttributes<HTMLInputElement>>;