import { CustomElement } from '../../Abstracts/CustomElement';
import type { IColorPickerElementProps } from './IColorPickerElementProps';
declare const ColorPickerElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Valueable").IValueableProps<unknown>) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
/**
 * Color Picker - A user interface component for selecting colors.
 *
 * @element mosaik-color-picker
 *
 * @description
 * The Color Picker component is designed to allow users to select a color from a predefined set of options or a custom color.
 *
 * @category Media
 *
 * @public
 */
export declare class ColorPickerElement extends ColorPickerElement_base implements IColorPickerElementProps {
    private _inputElement;
    private _value;
    /**
     * @public
     */
    constructor();
    /**
     * Returns the `{@link is}` property.
     * The `{@link is}` property represents natural name of this element.
     *
     * @public
     * @static
     * @readonly
     */
    static get is(): string;
    /**
     * Gets or sets the `value` property.
     *
     * @public
     * @override
     */
    get value(): string | null;
    set value(value: string | null);
    protected onApplyTemplate(): void;
    protected onInput(event: InputEvent): void;
    protected onChange(event: Event): void;
    protected onClick(event: MouseEvent): void;
}
/**
* @public
*/
export declare namespace ColorPickerElement {
    type Props = IColorPickerElementProps;
}
/**
 * @public
 */
declare global {
    interface HTMLElementTagNameMap {
        'mosaik-color-picker': ColorPickerElement;
    }
}
export {};
//# sourceMappingURL=ColorPickerElement.d.ts.map