<template>
  <span
    class="inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium"
    :style="{ backgroundColor: color + '22', color }"
  >
    {{ name }}
  </span>
</template>

<script setup>
defineProps({
  name: String,
  color: { type: String, default: '#6366f1' },
})
</script>
