/**
 * Web Component entry point for the Community Groups widget.
 *
 * @example
 * ```ts
 * import '@legionhandtech/lht-react-widgets/community-groups-web-component';
 *
 * // Then use in HTML:
 * // <legion-community-groups api-url="https://your-domain.com" count="6" />
 * ```
 */
declare class LegionCommunityGroupsElement 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 apiUrl();
    private get count();
    private get layout();
    private get theme();
    private get widgetWidth();
    private get widgetHeight();
    private get showViewAll();
    private get communityUrl();
    private get viewAllUrl();
    private get sortBy();
    render(): void;
    private get bridgeBaseUrl();
}

export { LegionCommunityGroupsElement };