import * as i0 from '@angular/core';
import { AfterViewInit, ElementRef, Injector } from '@angular/core';
import _ColorPalette from '@ui5/webcomponents/dist/ColorPalette.js';
import { UI5CustomEvent } from '@ui5/webcomponents-base';

declare class ColorPalette implements AfterViewInit {
    /**
     * Fired when the user selects a color.
     */
    ui5ItemClick: i0.OutputEmitterRef<UI5CustomEvent<_ColorPalette, "item-click">>;
    /**
     * Available slots for content projection in this component.
     *
     * Slots allow you to insert custom content into predefined areas of the web component.
     * Use the `slot` attribute on child elements to target specific slots.
     *
     * - **(default)**: Defines the `ui5-color-palette-item` elements.
     *
     * @example
     * ```html
     * <ui5-color-palette>
     *   <div slot="header">Custom header content</div>
     *   <p>Default slot content</p>
     * </ui5-color-palette>
     * ```
     *
     * @readonly
     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
     */
    readonly slots: {
        name: string;
        description: string;
    }[];
    elementRef: ElementRef<_ColorPalette>;
    injector: Injector;
    get element(): _ColorPalette;
    ngAfterViewInit(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<ColorPalette, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPalette, "ui5-color-palette, [ui5-color-palette]", ["ui5ColorPalette"], {}, { "ui5ItemClick": "ui5ItemClick"; }, never, ["*"], true, never>;
}

export { ColorPalette };
