import React from 'react';
import { type ColorBoxProps } from './components/ColorBox';
import { type ColorIndicatorProps } from './components/ColorIndicator';
import { type ColorPopoverProps } from './components/ColorPopover';
import type { Color, ChangeHandler } from './types';
export interface ColorPickerProps {
    /** Any valid color value: `#f0abfc`, `rgba(240, 171, 252, 1)`. */
    value?: Color;
    /** Triggered on each color value change, returns a string representation value of the color. */
    onChange: ChangeHandler;
    /** Hides the color picker input fields. */
    hideInputFields?: boolean;
    /** Defines the size of the color picker button. */
    size?: ColorIndicatorProps['size'];
    /**  If true, disables the component, preventing user interactions. */
    disabled?: boolean;
    /** An HTML element, PopoverVirtualElement, or a function that returns either. It's used to set the position of the popover. */
    anchorEl?: ColorPopoverProps['anchorEl'];
    /** This is the point on the popover which will attach to the anchor's origin. Options: vertical: [top, center, bottom, x(px)]; horizontal: [left, center, right, x(px)]. */
    transformOrigin?: ColorPopoverProps['transformOrigin'];
    /** This is the position that may be used to set the position of the popover. The coordinates are relative to the application's client area. */
    anchorOrigin?: ColorPopoverProps['anchorOrigin'];
    /** This determines which anchor prop to refer to when setting the position of the popover.. */
    anchorReference?: ColorPopoverProps['anchorReference'];
    /** This is the position that may be used to set the position of the popover. The coordinates are relative to the application's client area. */
    anchorPosition?: ColorPopoverProps['anchorPosition'];
    /** Accessing the internal slots of the component. */
    slotProps?: {
        colorBox?: ColorBoxProps;
        colorIndicator?: ColorIndicatorProps;
        popover?: ColorPopoverProps;
    };
    /** The shape of the color indicator. */
    indicatorShape?: ColorIndicatorProps['shape'];
    /** If true, disables the opacity slider and input field. */
    disableOpacity?: boolean;
    /** The formats of the color picker. */
    formats?: ColorBoxProps['formats'];
}
declare const ColorPicker: React.FC<ColorPickerProps>;
export default ColorPicker;