22 lines
573 B
Svelte
22 lines
573 B
Svelte
<script lang="ts">
|
|
import { Loader2 } from 'lucide-svelte';
|
|
|
|
interface Props {
|
|
compact?: boolean;
|
|
}
|
|
|
|
let { compact = false }: Props = $props();
|
|
</script>
|
|
|
|
{#if compact}
|
|
<div class="flex items-center gap-2 text-muted-foreground py-1">
|
|
<Loader2 class="w-4 h-4 animate-spin opacity-50" />
|
|
<span class="text-xs">Connecting...</span>
|
|
</div>
|
|
{:else}
|
|
<div class="flex flex-col items-center justify-center py-8 text-muted-foreground">
|
|
<Loader2 class="w-8 h-8 mb-2 animate-spin opacity-50" />
|
|
<span class="text-sm">Connecting to environment...</span>
|
|
</div>
|
|
{/if}
|