Files
console/src/lib/components/status.svelte
T
2023-10-16 14:40:06 -04:00

23 lines
575 B
Svelte

<script lang="ts">
export let status:
| 'waiting'
| 'pending'
| 'failed'
| 'completed'
| 'processing'
| 'ready'
| 'building';
</script>
<div
class="status"
class:is-pending={status === 'pending'}
class:is-failed={status === 'failed'}
class:is-complete={status === 'completed' || status === 'ready'}
class:is-processing={status === 'processing' || status === 'building'}>
{#if status}
<span class="status-icon" />
{/if}
<span class="text" data-private><slot /></span>
</div>