/**
 * Web Component entry point for the Notifications widget.
 *
 * Importing this module registers the <legion-notifications> custom element
 * so it can be used in any HTML page or framework that supports web components.
 *
 * @example
 * ```ts
 * import '@legionhandtech/lht-react-widgets/notifications-web-component';
 *
 * // Then use in HTML:
 * // <legion-notifications base-url="https://your-domain.com" api-key="key" theme="light" />
 * ```
 */
declare class LegionNotificationsElement extends HTMLElement {
    iframe: HTMLIFrameElement | null;
    private authBridge;
    constructor();
    static get observedAttributes(): string[];
    connectedCallback(): void;
    disconnectedCallback(): void;
    attributeChangedCallback(_name: string, oldValue: string | null, newValue: string | null): void;
    private get baseUrl();
    private get userId();
    private get theme();
    private get widgetWidth();
    private get widgetHeight();
    private get maxNotifications();
    private get autoRefresh();
    private get emptyTitle();
    private get emptySubtitle();
    private get accentColor();
    private get emptyIcon();
    render(): void;
    private get bridgeBaseUrl();
}

export { LegionNotificationsElement };