import GirafeHTMLElement from '../../../base/GirafeHTMLElement.js';
import Basemap from '../../../models/basemaps/basemap.js';
import GroupLayer from '../../../models/layers/grouplayer.js';
import Layer from '../../../models/layers/layer.js';
import ThemeLayer from '../../../models/layers/themelayer.js';
export default class MobileThemeComponent extends GirafeHTMLElement {
    protected templateUrl: string | null;
    protected styleUrls: string[] | null;
    template: () => import("uhtml").Hole;
    activeTab: 'themes' | 'basemaps' | 'selected';
    activeLayersByGroup: Map<GroupLayer, Layer[]>;
    constructor();
    registerEvents(): void;
    private setActiveLayersByGroups;
    changeTab(tab: 'themes' | 'basemaps' | 'selected'): void;
    changeBasemap(basemap: Basemap): void;
    changeTheme(theme: ThemeLayer): void;
    protected connectedCallback(): void;
}