aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Utility/Loading.svelte
blob: 3d1eeec6453256b6088bfbbeef7a32a09dae66f8 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script lang="ts">
  interface Props {
    type?: string | undefined;
    percent?: number | undefined;
    card?: boolean;
    children?: import('svelte').Snippet;
  }

  let {
    type = undefined,
    percent = undefined,
    card = true,
    children
  }: Props = $props();
</script>

<div class:card>
  {#if type}
    Loading {type} ...{percent ? ` ${percent}%` : ''}
  {:else}
    {@render children?.()}
  {/if}
</div>