<script setup lang="ts">
import { priorityLabel, priorityVariant } from '../taskui'

// Бейдж приоритета с иконкой — единый по всему проекту. GnBadge иконку
// не принимает, `<i>` кладётся в слот (отступ даёт глобальный `.badge .ph`).
defineProps<{ priority: number }>()
</script>

<template>
  <GnBadge :variant="priorityVariant(priority)">
    <i class="ph ph-flag" aria-hidden="true" />{{ priorityLabel(priority) }}
  </GnBadge>
</template>