MapComplete/src/UI/Base/Loading.svelte

<script lang="ts">
  import ToSvelte from "./ToSvelte.svelte";
  import Svg from "../../Svg";
  import { twMerge } from "tailwind-merge";

  export let cls : string = undefined
</script>

<div class={twMerge( "flex p-1 pl-2", cls)}>
  <div class="min-w-6 h-6 w-6 animate-spin self-center">
    <ToSvelte construct={Svg.loading_svg()} />
  </div>
  <div class="ml-2">
    <slot />
  </div>
</div>