import type { EventEmitter } from '../../stencil-public-runtime'; import type { InfoBoxEmphasis, InfoBoxVariant } from './mud-info-box.types'; /** * Informational Box — an inline, in-content callout that highlights key * messages, announcements, alerts, or explanations within the page flow. * * Unlike `mud-notification` (a fixed-width corner toast) or `mud-banner` (a * full-width page-level bar), the info box sits inside the content column, * fills its container's width, and supports rich content: an optional bold * heading, a multi-line body (default slot), an optional inline action group * (`actions` slot — links/buttons) and an optional close button. * * Two axes: * - `variant` — `info` (neutral icon), `info-moderate` (brand-blue icon), * `warning`, or `error`. * - `emphasis` — `subtle` (neutral grey surface, coloured icon) or `strong` * (a tinted semantic surface). * * The box is static in-flow content, so it is **not** an ARIA live region * (that would re-announce on every render). The icon is decorative; the * heading and body are read in normal reading order. For transient, announced * messages use `mud-notification` / `mud-banner` instead. * * @element mud-info-box * * @slot - (default) The body content. Plain text or rich inline/block content. * @slot icon-start - Optional override for the leading icon. Ignored when * `hideIcon` is set. * @slot actions - Optional inline action group (typically `mud-link` or * `mud-button`) rendered below the body. */ export declare class MudInfoBox { /** * Semantic variant. `info` uses a neutral icon; `info-moderate` uses the * brand-blue icon. * @default 'info' */ variant: InfoBoxVariant; /** * Visual emphasis — `subtle` (neutral grey surface) or `strong` (tinted * semantic surface). * @default 'subtle' */ emphasis: InfoBoxEmphasis; /** * When `true`, renders a trailing close button. Activating it emits * `mudClose`; the consumer removes the box from the DOM. * @default false */ closable: boolean; /** * Suppress the leading icon entirely (the `icon-none` variation). * @default false */ hideIcon: boolean; /** * Optional bold heading rendered above the body. */ titleText?: string; /** * Override the default per-variant `mud-icon` name. Ignored when the * `icon-start` slot is populated or `hideIcon` is set. */ iconName?: string; /** * Close-button accessible label. Defaults to the Romanian "Închide". * @default 'Închide' */ closeLabel: string; private hasActions; host: HTMLMudInfoBoxElement; /** * Fires when the user activates the close button. Payload is `void` — the * consumer is responsible for removing the box from the DOM. */ mudClose: EventEmitter; componentWillLoad(): void; private detectSlots; private onActionsSlotChange; private handleCloseClick; private handleCloseKeyDown; private resolveIconName; render(): any; }