import { LitElement } from 'lit'; import type { NudgeVariant } from '../../types/index.js'; /** * @tag loquix-nudge-banner * @summary Contextual tip/info banner with optional dismiss and action buttons. * * @slot - Banner content text. * @slot icon - Custom icon (overrides `icon` property). * @slot action - Custom action button (overrides `actionLabel` property). * * @csspart banner - The banner container. * @csspart dismiss - The dismiss button. * @csspart action-button - The action CTA button. * * @fires {CustomEvent} loquix-nudge-dismiss - When dismissed. * @fires {CustomEvent} loquix-nudge-action - When action CTA is clicked. * * @cssprop [--loquix-nudge-bg] - Background color. * @cssprop [--loquix-nudge-color] - Text color. * @cssprop [--loquix-nudge-border-color] - Border color. * @cssprop [--loquix-nudge-border-radius] - Border radius. * @cssprop [--loquix-nudge-padding] - Padding. * @cssprop [--loquix-nudge-gap] - Gap between elements. * @cssprop [--loquix-nudge-font-size] - Font size. */ export declare class LoquixNudgeBanner extends LitElement { static styles: import("lit").CSSResult[]; private _localize; /** Unique ID for this nudge. */ nudgeId: string; /** Visual variant. */ variant: NudgeVariant; /** Whether the banner can be dismissed. */ dismissible: boolean; /** Label for the action CTA button. Empty = no button. */ actionLabel: string; /** Emoji or text icon. */ icon: string; private _handleDismiss; private _handleAction; protected render(): import("lit").TemplateResult<1>; } //# sourceMappingURL=loquix-nudge-banner.d.ts.map