import * as _angular_core from '@angular/core';
import { Link } from '@siemens/element-ng/link';
import { TranslatableString } from '@siemens/element-translate-ng/translate';

/**
 * The component displays application info messages. A message uses an icon and a title, optionally a copy text,
 * instructions and a link. Replace the integrated icon by content projection of another icon or image with the
 * CSS class `.si-info-image`. Use content projection with the CSS class `si-info-actions` to inject more buttons
 * and options to interact with the page.
 */
declare class SiInfoPageComponent {
    /**
     * The element warning icon.
     *
     * @defaultValue 'element-warning-filled'
     */
    readonly icon: _angular_core.InputSignal<string>;
    /**
     * Icon color class, see {@link https://element.siemens.io/fundamentals/typography/#color-variants-classes}
     *
     * @defaultValue 'status-warning'
     */
    readonly iconColor: _angular_core.InputSignal<string | undefined>;
    /** A short and concise title to explain the error. */
    readonly titleText: _angular_core.InputSignal<TranslatableString>;
    /** A more detailed explanation of the error, outlining the reasoning for it and how a user can resolve it. */
    readonly copyText: _angular_core.InputSignal<TranslatableString | undefined>;
    /** A detailed instruction on how a user can resolve the error. */
    readonly instructions: _angular_core.InputSignal<TranslatableString | undefined>;
    /**
     * Use the link object if you have one option to follow. A link object
     * has a title to be displayed and can be configured with an external link,
     * a router link, or a custom action. If you want to provide multiple options,
     * add your own content into the component.
     */
    readonly link: _angular_core.InputSignal<Link | undefined>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiInfoPageComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiInfoPageComponent, "si-info-page", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "titleText": { "alias": "titleText"; "required": true; "isSignal": true; }; "copyText": { "alias": "copyText"; "required": false; "isSignal": true; }; "instructions": { "alias": "instructions"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; }, {}, never, [".si-info-image", ".si-info-actions"], true, never>;
}

export { SiInfoPageComponent };
