import { CustomElement } from "../../internal/custom-element.js"; import { PropertyValues, TemplateResult } from "lit"; import { OdxIconName } from "@odx/icons"; type InlineMessageSize = (typeof InlineMessageSize)[keyof typeof InlineMessageSize]; declare const InlineMessageSize: { readonly SM: "sm"; readonly MD: "md"; }; type InlineMessageVariant = (typeof InlineMessageVariant)[keyof typeof InlineMessageVariant]; declare const InlineMessageVariant: { readonly PRIMARY: "primary"; readonly SUCCESS: "success"; readonly WARNING: "warning"; readonly DANGER: "danger"; readonly CONFIRMATION: "confirmation"; }; declare global { interface HTMLElementTagNameMap { 'odx-inline-message': OdxInlineMessage; } } /** * @summary An InlineMessage component is used to display important messages inline within a page or section. * @status rc * @since 1.0 * * @slot - The content of the message, typically including a `` and some text. * * @event hide - Emitted when the message is about to be hidden. Can be canceled to prevent hiding. * @event hidden - Emitted after the message has been hidden. Not cancelable. * * @csspart base - The wrapper around the entire component, including the icon, content, and dismiss button. * @csspart content - The wrapper around the message content, excluding the icon and dismiss button. * @csspart icon - The icon element displayed to the left of the content. */ declare class OdxInlineMessage extends CustomElement { #private; static tagName: string; static styles: import("lit").CSSResult[]; /** * Indicates whether the dismiss button is shown. */ dismissible: boolean; /** * The name of the icon to display. If not provided, a default icon will be used based on the `variant` property. */ icon?: OdxIconName | null; iconDisabled: boolean; size: InlineMessageSize; variant: InlineMessageVariant; hidden: boolean; get currentIcon(): OdxIconName | null; protected updated(props: PropertyValues): void; protected render(): TemplateResult; } export { InlineMessageSize, InlineMessageVariant, OdxInlineMessage };