import { ReactNode, Ref, ComponentProps } from 'react';
import { PopperProps, PopperRef } from '../popper/index.js';
import { ColorPropsValue, DivProps, Size } from '../../types.js';
import { ColorInstance } from 'color';
export interface ColorPickerProps extends Omit<DivProps, 'defaultValue' | 'onChange'> {
    inputProps?: ComponentProps<'input'>;
    popperProps?: PopperProps;
    popperRef?: Ref<PopperRef>;
    size?: Size;
    shape?: 'square' | 'circular';
    label?: ReactNode;
    presets?: (ColorPropsValue | ColorInstance)[];
    defaultOpen?: boolean;
    open?: boolean;
    onOpenChange?(open: boolean): void;
    defaultValue?: ColorInstance;
    value?: ColorInstance;
    onChange?(color: ColorInstance): void;
}
export declare const ColorPicker: import("react").MemoExoticComponent<({ inputProps, popperProps, popperRef, size, shape, label, presets, defaultOpen, open, onOpenChange, defaultValue, value, onChange, ...props }: ColorPickerProps) => import("@emotion/react/jsx-runtime").JSX.Element>;