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>