15 lines
424 B
Svelte
15 lines
424 B
Svelte
|
<script lang="ts">
|
||
|
|
import { statusBadgeLabel, statusBadgeTone } from "$lib/feeds-list-controls";
|
||
|
|
|
||
|
|
let { status = "unknown" }: { status?: string | number | null | unknown } = $props();
|
||
|
|
|
||
|
|
const label = $derived(statusBadgeLabel(status));
|
||
|
|
const tone = $derived(statusBadgeTone(label));
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center rounded-md border px-2 py-0.5 text-xs font-medium capitalize {tone}"
|
||
|
|
>
|
||
|
|
{label}
|
||
|
|
</span>
|