import * as react from 'react';
import { FC, ChangeEvent, InputHTMLAttributes } from 'react';

type PositionType = "top" | "bottom" | "right" | "left";

type LabelProps = {
    hint?: react.ReactNode;
    hintSide?: PositionType;
    htmlFor?: string;
    required?: boolean;
};

type ColorPickerTypes = {
    label?: string;
    id?: string;
    isLoading?: boolean;
    labelProps?: LabelProps;
    helperText?: any;
    forceHideHelperText?: boolean;
    /** Boolean to enable/disable editing the input field and using it as a text field   */
    preview?: boolean;
    /** The hex code for the color */
    color?: any;
    /** Fires everytime the color changes */
    handleChange?: (e: ChangeEvent<HTMLInputElement>) => void;
    colorPickerClassNames?: string;
    colorTextClassNames?: string;
    colorPickerProps?: InputHTMLAttributes<HTMLInputElement>;
    textInputProps?: InputHTMLAttributes<HTMLInputElement>;
    containerProps?: InputHTMLAttributes<HTMLDivElement>;
};
declare const ColorPicker: FC<ColorPickerTypes>;

export { ColorPicker };