26 lines
523 B
Svelte
26 lines
523 B
Svelte
<script lang="ts">
|
|
import type { Level } from "./types";
|
|
|
|
export let level: Level;
|
|
let classes: string;
|
|
|
|
$: switch (level.levelNumber) {
|
|
case 1: {
|
|
classes = "bg-lime-500";
|
|
break;
|
|
}
|
|
case 2: {
|
|
classes = "bg-blue-500";
|
|
break;
|
|
}
|
|
case 3: {
|
|
classes = "bg-red-500";
|
|
break;
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<span class="text-sm font-bold text-white px-2 rounded-md {classes}"
|
|
>{level.levelString}</span
|
|
>
|