<script setup lang="ts">
import { formatScorePercent } from '@/util';

defineProps<{
  score: number | null
}>()
</script>
<template>
  <td style="text-align: right; padding-right: 0.25em;">
    <span v-if="score !== null" class="text-mono">
      {{ formatScorePercent(score) }}
    </span>
    <span v-if="score === null" style="font-style: italic; color: gray;">No score</span>
  </td>
</template>
