import React from "react";
import { MarginProps } from "styled-system";
import { ModalProps } from "../../__internal__/modal";
import { TagProps } from "../../__internal__/utils/helpers/tags";
export interface AdvancedColor {
    label: string;
    value: string;
}
export interface AdvancedColorPickerProps extends MarginProps, Pick<ModalProps, "restoreFocusOnClose">, TagProps {
    /** Prop to specify the aria-describedby property of the component */
    "aria-describedby"?: string;
    /**
     * Prop to specify the aria-label of the component.
     * To be used only when the title prop is not defined, and the component is not labelled by any internal element.
     */
    "aria-label"?: string;
    /**
     * Prop to specify the aria-labelledby property of the component
     * To be used when the title prop is a custom React Node,
     * or the component is labelled by an internal element other than the title.
     */
    "aria-labelledby"?: string;
    /** Prop for `availableColors` containing array of objects of colors */
    availableColors: AdvancedColor[];
    /** Specifies the name prop to be applied to each color in the group */
    name: string;
    /** Prop for `onBlur` event */
    onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => void;
    /** Prop for `onChange` event */
    onChange: (ev: React.ChangeEvent<HTMLInputElement>) => void;
    /** Prop for `onClose` event */
    onClose?: (ev: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement> | KeyboardEvent) => void;
    /** Prop for `onOpen` event */
    onOpen?: (ev: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
    /** Prop for `open` status */
    open?: boolean;
    /** The ARIA role to be applied to the component container */
    role?: string;
    /** Prop for `selectedColor` containing pre-selected color for `controlled` use */
    selectedColor: string;
}
export declare const AdvancedColorPicker: ({ "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, availableColors, name, onOpen, onClose, onChange, onBlur, open, role, selectedColor, restoreFocusOnClose, ...props }: AdvancedColorPickerProps) => React.JSX.Element;
export default AdvancedColorPicker;