import {LanguageElement} from "./UI/Popup/LanguageElement";
import {ImmutableStore, UIEventSource} from "./Logic/UIEventSource";
import {VariableUiElement} from "./UI/Base/VariableUIElement";
import Locale from "./UI/i18n/Locale";
import {OsmConnection} from "./Logic/Osm/OsmConnection";

const tgs = new UIEventSource({
    "name": "xyz",
    "id": "node/1234",
    "_country" : "BE",
})
Locale.language.setData("nl")
console.log(tgs)
console.log("Locale", Locale.language)
const conn = new OsmConnection({})
new LanguageElement().constr(<any> {osmConnection: conn, featureSwitchIsTesting: new ImmutableStore(true)}, tgs, [
    "language",
    "What languages are spoken here?",
    "{language()} is spoken here",
    "{language()} is the only language spoken here",
    "The following languages are spoken here: {list()}"
]).AttachTo("maindiv")

new VariableUiElement(tgs.map(JSON.stringify)).AttachTo("extradiv")