import * as _angular_core from '@angular/core';
import { AfterViewInit, ElementRef, Injector } from '@angular/core';
import _OptionCustom from '@ui5/webcomponents/dist/OptionCustom.js';

declare class OptionCustom implements AfterViewInit {
    /**
     * Defines the text, displayed inside the `ui5-select` input filed
  when the option gets selected.
     */
    displayText: _angular_core.InputSignal<string | undefined>;
    /**
     * Defines the value of the `ui5-select` inside an HTML Form element when this component is selected.
  For more information on HTML Form support, see the `name` property of `ui5-select`.
     */
    value: _angular_core.InputSignal<string | undefined>;
    /**
     * Defines the tooltip of the option.
     */
    tooltip: _angular_core.InputSignal<string | undefined>;
    /**
     * Defines the selected state of the component.
     */
    selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * 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 content of the component.
     *
     * @example
     * ```html
     * <ui5-option-custom>
     *   <div slot="header">Custom header content</div>
     *   <p>Default slot content</p>
     * </ui5-option-custom>
     * ```
     *
     * @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<_OptionCustom>;
    injector: Injector;
    get element(): _OptionCustom;
    ngAfterViewInit(): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OptionCustom, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OptionCustom, "ui5-option-custom, [ui5-option-custom]", ["ui5OptionCustom"], { "displayText": { "alias": "displayText"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}

export { OptionCustom };
