import '@ui5/webcomponents/dist/ColorPalettePopover.js';
import type { ColorPalettePopoverItemClickEventDetail } from '@ui5/webcomponents/dist/ColorPalettePopover.js';
import type PopoverPlacement from '@ui5/webcomponents/dist/types/PopoverPlacement.js';
import type { CommonProps, Ui5CustomEvent, Ui5DomRef } from '@ui5/webcomponents-react-base';
import type { ReactNode } from 'react';
interface ColorPalettePopoverAttributes {
    /**
     * Defines the accessible name of the component.
     *
     * **Note:** Available since [v2.20.0](https://github.com/UI5/webcomponents/releases/tag/v2.20.0) of **@ui5/webcomponents**.
     * @default undefined
     */
    accessibleName?: string | undefined;
    /**
     * Receives id(or many ids) of the elements that label the component.
     *
     * **Note:** Available since [v2.20.0](https://github.com/UI5/webcomponents/releases/tag/v2.20.0) of **@ui5/webcomponents**.
     * @default undefined
     */
    accessibleNameRef?: string | undefined;
    /**
     * Defines the default color of the component.
     *
     * **Note:** The default color should be a part of the ColorPalette colors`
     * @default undefined
     */
    defaultColor?: string | undefined;
    /**
     * Defines the open | closed state of the popover.
     *
     * **Note:** Available since [v1.21.0](https://github.com/UI5/webcomponents/releases/tag/v1.21.0) of **@ui5/webcomponents**.
     * @default false
     */
    open?: boolean;
    /**
     * Defines the ID or DOM Reference of the element that the popover is shown at.
     * When using this attribute in a declarative way, you must only use the `id` (as a string) of the element at which you want to show the popover.
     * You can only set the `opener` attribute to a DOM Reference when using JavaScript.
     *
     * **Note:** Available since [v1.21.0](https://github.com/UI5/webcomponents/releases/tag/v1.21.0) of **@ui5/webcomponents**.
     * @default undefined
     */
    opener?: HTMLElement | string | null | undefined;
    /**
     * Determines on which side the component is placed at.
     *
     * **Note:** Available since [v2.19.0](https://github.com/UI5/webcomponents/releases/tag/v2.19.0) of **@ui5/webcomponents**.
     * @default "Bottom"
     */
    placement?: PopoverPlacement | keyof typeof PopoverPlacement;
    /**
     * Defines whether the user can choose the default color from a button.
     * @default false
     */
    showDefaultColor?: boolean;
    /**
     * Defines whether the user can choose a custom color from a component.
     * @default false
     */
    showMoreColors?: boolean;
    /**
     * Defines whether the user can see the last used colors in the bottom of the component
     * @default false
     */
    showRecentColors?: boolean;
}
interface ColorPalettePopoverDomRef extends Required<ColorPalettePopoverAttributes>, Ui5DomRef {
}
interface ColorPalettePopoverPropTypes extends ColorPalettePopoverAttributes, Omit<CommonProps, keyof ColorPalettePopoverAttributes | 'children' | 'onClose' | 'onItemClick'> {
    /**
     * Defines the content of the component.
     *
     * __Supported Node Type/s:__ `Array<IColorPaletteItem>`
     */
    children?: ReactNode | ReactNode[];
    /**
     * Fired when the `ColorPalettePopover` is closed due to user interaction.
     *
     * **Note:** Available since [v1.21.0](https://github.com/UI5/webcomponents/releases/tag/v1.21.0) of **@ui5/webcomponents**.
     *
     * | cancelable | bubbles |
     * | :--------: | :-----: |
     * | ❌|✅|
     */
    onClose?: (event: Ui5CustomEvent<ColorPalettePopoverDomRef>) => void;
    /**
     * Fired when the user selects a color.
     *
     * | cancelable | bubbles |
     * | :--------: | :-----: |
     * | ❌|✅|
     */
    onItemClick?: (event: Ui5CustomEvent<ColorPalettePopoverDomRef, ColorPalettePopoverItemClickEventDetail>) => void;
}
/**
 * Represents a predefined range of colors for easier selection.
 *
 * Overview
 * The ColorPalettePopover provides the users with a slot to predefine colors.
 *
 * You can customize them with the use of the colors property. You can specify a defaultColor and display a "Default color" button for the user to choose directly.
 * You can display a "More colors..." button that opens an additional color picker for the user to choose specific colors that are not present in the predefined range.
 *
 * ### Usage
 *
 * The palette is intended for users, who don't want to check and remember the different values of the colors and spend large amount of time to configure the right color through the color picker.
 *
 * For the `ColorPalettePopover`
 *
 *
 * __Note:__ This is a UI5 Web Component! [ColorPalettePopover UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/ColorPalettePopover) | [Repository](https://github.com/UI5/webcomponents)
 */
declare const ColorPalettePopover: import("react").ForwardRefExoticComponent<ColorPalettePopoverPropTypes & import("@ui5/webcomponents-react-base").WithWebComponentPropTypes & import("react").RefAttributes<ColorPalettePopoverDomRef>>;
export { ColorPalettePopover };
export type { ColorPalettePopoverDomRef, ColorPalettePopoverPropTypes };