<script setup>
defineProps({
    label: {
        type: String,
        required: true,
    },
    colorClass: {
        type: String,
        default: 'bg-slate-100 text-slate-700 ring-slate-500/20',
    },
});
</script>

<template>
    <span
        class="inline-flex rounded-full px-2.5 py-0.5 text-xs font-medium ring-1 ring-inset"
        :class="colorClass"
    >
        {{ label }}
    </span>
</template>
