<script setup lang="ts">
defineProps<{
  points: number | undefined;
  category: string | undefined;
  timeRemaining: string | undefined;
}>();
</script>

<template>
  <div class="flex flex-row gap-5">
    <div>
      Wartość punktowa
      <div class="info-little-box">
        {{ points }}
      </div>
    </div>
    <div>
      Aktualna kategoria (implement)
      <div class="info-little-box">{{ category }}</div>
    </div>
    <div>
      Czas do końca egzaminu (implement)
      <div class="info-little-box">{{ timeRemaining }}</div>
    </div>
  </div>
</template>
