diff options
Diffstat (limited to 'src/lib/components/ScoreBadge.svelte')
| -rw-r--r-- | src/lib/components/ScoreBadge.svelte | 13 |
1 files changed, 13 insertions, 0 deletions
diff --git a/src/lib/components/ScoreBadge.svelte b/src/lib/components/ScoreBadge.svelte new file mode 100644 index 0000000..6384667 --- /dev/null +++ b/src/lib/components/ScoreBadge.svelte @@ -0,0 +1,13 @@ +<script lang="ts"> + let { score }: { score: number } = $props(); + + const className = $derived( + score >= 80 + ? 'score bg-success' + : score >= 50 + ? 'score bg-accent' + : 'score bg-danger', + ); +</script> + +<span class={className}>{score}</span> |