import * as _angular_core from '@angular/core';
import { PortalContent } from '@lucca-front/ng/core';

declare class HighlightDataComponent {
    #private;
    /**
     * The title of the highlight date
     */
    readonly heading: _angular_core.InputSignal<PortalContent>;
    /**
     * The content of the highlight date
     */
    readonly value: _angular_core.InputSignal<PortalContent>;
    /**
     * Add text below the content
     */
    readonly subText: _angular_core.InputSignal<PortalContent>;
    /**
     * Define a bubble style based on the CDN image bubble number
     */
    readonly bubble: _angular_core.InputSignal<number>;
    /**
     * Define a specific them white light or dark. (White by default)
     */
    readonly theme: _angular_core.InputSignal<"white" | "light" | "dark">;
    /**
     * Apply product name to illustration URL and CSS component palette
     * This specific palette must be set up on config.scss
     */
    readonly palette: _angular_core.InputSignal<string>;
    /**
     * Main illustration
     * An URL can be apply for custom images
     */
    readonly illustration: _angular_core.InputSignal<string>;
    /**
     * Which size should the highlight data be? XS to medium
     */
    readonly size: _angular_core.InputSignal<"XS" | "S" | "M">;
    /**
     * Adjust layout to text value
     */
    readonly valueFirst: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * Displayed in nested mode
     */
    readonly nested: _angular_core.InputSignalWithTransform<boolean, unknown>;
    get lightClass(): boolean;
    get darkClass(): boolean;
    readonly illustrationSrc: _angular_core.Signal<string>;
    readonly bubbleSrc: _angular_core.Signal<string>;
    readonly bubbleTheme: _angular_core.Signal<"light" | "dark">;
    constructor();
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HighlightDataComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HighlightDataComponent, "lu-highlight-data", never, { "heading": { "alias": "heading"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "subText": { "alias": "subText"; "required": false; "isSignal": true; }; "bubble": { "alias": "bubble"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "illustration": { "alias": "illustration"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "valueFirst": { "alias": "valueFirst"; "required": false; "isSignal": true; }; "nested": { "alias": "nested"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}

export { HighlightDataComponent };