import { TextInputNextProps } from '../TextInputNext';
import { PopoverProps } from '../Popover';
export type ColorPickerProps = {
    value?: string;
    onChange?: (value: string) => void;
    size?: TextInputNextProps['size'];
    label?: TextInputNextProps['label'];
    labelPlacement?: TextInputNextProps['labelPlacement'];
    disabled?: boolean;
    /**
     * Disables drag to change opacity functinality
     */
    disableOpacityDrag?: boolean;
    /**
     * Determines base format of the colour `rgb(RRR, GGG, BBB[, AAA])` or `#RRGGBB[AA]`
     */
    format?: 'rgb' | 'hex';
    /**
     * Allows user to control color's opacity, adds alpha channel to resulting color string
     */
    enableAlpha?: boolean;
    popoverPlacement?: PopoverProps['placement'];
    onOpen?: () => void;
    onClose?: () => void;
    className?: string;
    testId?: string;
};
export declare const ColorPicker: ({ format, className, label, labelPlacement, popoverPlacement, testId, disabled, size, onOpen, onClose, value, onChange, disableOpacityDrag, enableAlpha, }: ColorPickerProps) => JSX.Element;
//# sourceMappingURL=ColorPicker.d.ts.map