src/lib/components/loading/MainLoading.svelte

<script lang="ts">
	import HuggingFaceLogo from '$lib/assets/hf-logo.svg';
	import Spinner from './Spinner.svelte';
</script>

<div class="abs-center absolute flex h-screen w-screen flex-col items-center justify-center">
	<img src={HuggingFaceLogo} alt="HF Logo" class="size-16" />
	<p class="mt-1 flex items-center justify-center gap-2 text-base text-muted-foreground">
		Loading playground...
		<Spinner name="braille" />
	</p>
</div>