MapComplete/UI/Base/LoginButton.svelte

<script lang="ts">
    import {OsmConnection} from "../../Logic/Osm/OsmConnection";
    import Translations from "../i18n/Translations.js";
    import Tr from "./Tr.svelte";
    import ToSvelte from "./ToSvelte.svelte";
    import Svg from "../../Svg";

    export let osmConnection: OsmConnection
    export let clss = ""
</script>

<button class={clss} on:click={() => osmConnection.AttemptLogin()}>
    <ToSvelte construct={Svg.login_svg().SetClass("w-12 m-1")}/>
    <slot name="message">
        <Tr t={Translations.t.general.loginWithOpenStreetMap}/>
    </slot>
</button>