import React from 'react';
import { LayerProps } from '../../layout';
export interface ColorPickerProps extends Partial<Omit<LayerProps, 'children'>> {
    colors: string[];
    onColorChange: (color: string) => void;
    defaultValue?: string;
    value?: string;
}
declare const ColorPicker: React.ForwardRefExoticComponent<Pick<ColorPickerProps, "className" | "color" | "height" | "style" | "width" | "cursor" | "display" | "focusable" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "from" | "opacity" | "overflow" | "pointerEvents" | "animate" | "value" | "colors" | "borderRadius" | "backgroundColor" | "flex" | "left" | "right" | "maxWidth" | "minWidth" | "maxHeight" | "minHeight" | "padding" | "paddingTop" | "paddingBottom" | "paddingRight" | "paddingLeft" | "margin" | "marginTop" | "marginBottom" | "marginRight" | "marginLeft" | "flexDirection" | "justifyContent" | "alignItems" | "alignSelf" | "alignContent" | "flexWrap" | "flexBasis" | "flexGrow" | "flexShrink" | "position" | "top" | "bottom" | "zIndex" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderColor" | "borderStyle" | "boxShadow" | "boxSizing" | "custom" | "onExitComplete" | "exitBeforeEnter" | "presenceAffectsLayout" | "exit" | "transition" | "variants" | "currentVariant" | "onLayout" | "layout" | "selectable" | "textAlign" | "textOverflow" | "whiteSpace" | "wordWrap" | "defaultValue" | "onColorChange"> & React.RefAttributes<unknown>>;
export { ColorPicker };