<script setup lang="ts">
defineProps<{ name: string; colorHex: string }>()
</script>

<template>
  <span
    class="inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium"
    :style="{ background: colorHex + '1A', color: colorHex }"
  >
    {{ name }}
  </span>
</template>
