import * as _angular_core from '@angular/core';
import { OnDestroy } from '@angular/core';

/**
 * Displays a user message with an icon and a text. Comes in diferent flavours, sizes and styles.
 *
 * - Level: success, error, warning and info (default)
 * - Size: s and m (default)
 * - Kind: default (default) and ghost (transparent background)
 *
 * Basic usage:
 *
 * ```html
 * <talenra-message text="My user message"></talenra-message>
 * ```
 *
 * Formatted content:
 *
 * ```html
 * <talenra-message level="success"><strong>Congrats!</strong> You made it.</talenra-message>
 * ````
 *
 * ### Import
 *
 * ```typescript
 * import { MessageComponent } from '@talenra/ngx-base/message';
 * ```
 *
 * <example-url>../../#/message</example-url>
 */
declare class MessageComponent implements OnDestroy {
    /**
     * Unique identifier provided by the parent component. Used to track the message in environments with multiple
     * Message instances.
     *
     * If you rely on a single/static Message instance or if you do not allow users do dismiss messages (using the
     * `dismissible` input property) you might not need an identifier.
     */
    identifier: _angular_core.InputSignal<string>;
    /**
     * Defines the message level: info (default), error, success or warning.
     *
     * ```html
     * <talenra-message text="My message" level="success"></talenra-message>
     * ```
     */
    level: _angular_core.InputSignal<TMessageLevel>;
    /**
     * Size of the message displayed.
     *
     * ```html
     * <talenra-message text="My message" size="s"></talenra-message>
     * ```
     */
    size: _angular_core.InputSignal<TMessageSize>;
    /**
     * Kind of the message displayed. Determinates the style of the Message.
     *
     * ```html
     * <talenra-message text="My message" kind="ghost"></talenra-message>
     * ```
     */
    kind: _angular_core.InputSignal<TMessageKind>;
    /**
     * Message text displayed to the user.
     *
     * ```html
     * <talenra-message text="My message"></talenra-message>
     * ```
     */
    text: _angular_core.InputSignal<string>;
    /**
     * Optional description displayed in accordion. Description is hidden by default and can by expanded by the user. It
     * is typically used to give the user extra information. Use description to keep the message text concise without
     * compromising content.
     *
     * ```html
     * <talenra-message text="My message" description="My user-expandable description."></talenra-message>
     * ```
     */
    description: _angular_core.InputSignal<string>;
    /**
     * Determines whether Message can be dismissed by the user. If set, the close button is shown.
     *
     * ```html
     * <talenra-message text="My message" dismissible></talenra-message>
     * ```
     */
    dismissible: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * Event emitted when Message is removed. Removal is triggered if the user dismisses the message, after the fade-out
     * animation is completed.
     *
     * Returns a reference to the emitting Message instance and its identifier (if provided).
     *
     * ```html
     * <talenra-message [identifier]="message.identifier" [text]="message.text" (removed)="onRemoved($event)"></talenra-message>
     * ```
     *
     * @see {@link MessageRemove}
     */
    removeMessage: _angular_core.OutputEmitterRef<MessageRemove>;
    /**
     * Determines whether Message is about to be removed. Triggers fade-out animation if set true.
     */
    protected fadeOut: boolean;
    /**
     * Determines whether Message is removed. Sets the template to `display: none`.
     */
    protected removed: boolean;
    /**
     * Determines whether Message is expanded (description visible).
     */
    protected expanded: boolean;
    /**
     * Set classname based on input properties.
     */
    private get hostClass();
    /** Return type-based icon name */
    protected mappedIcon: _angular_core.Signal<string>;
    private removeTimeout;
    /** Remove the message */
    protected remove(): void;
    /** Toggle description */
    protected toggle(): void;
    /**
     * Clear timeout on destroy. Prevents "Error: NG0953: Unexpected emit for destroyed `OutputRef`. The owning
     * directive/component is destroyed."
     *
     * @internal
     */
    ngOnDestroy(): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MessageComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MessageComponent, "talenra-message", never, { "identifier": { "alias": "identifier"; "required": false; "isSignal": true; }; "level": { "alias": "level"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "kind": { "alias": "kind"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; }, { "removeMessage": "removeMessage"; }, never, ["*"], true, never>;
}

/**
 * Values accepted by `Message`'s `level` property.
 *
 * ```html
 * <talenra-message text="My message" level="success"></talenra-message>
 * ```
 *
 * ### Import
 *
 * ```typescript
 * import { MessageLevel } from '@talenra/ngx-base/message';
 * ```
 *
 * @see {@link MessageComponent}
 */
declare const MessageLevel: {
    readonly Info: "info";
    readonly Error: "error";
    readonly Success: "success";
    readonly Warning: "warning";
};
/**
 * Type of values accepted by the`Message`'s `level` property.
 *
 * ### Import
 *
 * ```typescript
 * import { TMessageLevel } from '@talenra/ngx-base/message';
 * ```
 *
 * @see {@link MessageComponent}
 */
type TMessageLevel = (typeof MessageLevel)[keyof typeof MessageLevel];
/**
 * Values accepted by `Message`'s `size` property.
 *
 * ```html
 * <talenra-message text="My message" size="s"></talenra-message>
 * ```
 *
 * ### Import
 *
 * ```typescript
 * import { MessageSize } from '@talenra/ngx-base/message';
 * ```
 *
 * @see {@link MessageComponent}
 */
declare const MessageSize: {
    readonly S: "s";
    readonly M: "m";
};
/**
 * Type of values accepted by the`Message`'s `size` property.
 *
 * ### Import
 *
 * ```typescript
 * import { TMessageSize } from '@talenra/ngx-base/message';
 * ```
 *
 * @see {@link MessageComponent}
 */
type TMessageSize = (typeof MessageSize)[keyof typeof MessageSize];
/**
 * Values accepted by `Message`'s `kind` property.
 *
 * ```html
 * <talenra-message text="My message" kind="ghost"></talenra-message>
 * ```
 *
 * ### Import
 *
 * ```typescript
 * import { MessageKind } from '@talenra/ngx-base/message';
 * ```
 *
 * @see {@link MessageComponent}
 */
declare const MessageKind: {
    readonly Default: "default";
    readonly Ghost: "ghost";
};
/**
 * Type of values accepted by the`Message`'s `kind` property.
 *
 * ### Import
 *
 * ```typescript
 * import { TMessageKind } from '@talenra/ngx-base/message';
 * ```
 *
 * @see {@link MessageComponent}
 */
type TMessageKind = (typeof MessageKind)[keyof typeof MessageKind];
/**
 * Event emitted when Message is removed.
 */
interface MessageRemove {
    /** Reference to the emitting Message component */
    source: MessageComponent;
    /** Identifier of the emitting Message component (if provided) */
    identifier: string;
}

export { MessageComponent, MessageKind, MessageLevel, MessageSize };
export type { MessageRemove, TMessageKind, TMessageLevel, TMessageSize };