File size: 745 Bytes
8059bf0 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 | <template>
<div class="flex items-center gap-1.5">
<span
:class="[
'inline-block h-2 w-2 rounded-full',
variantClass
]"
></span>
<span class="text-sm text-gray-700 dark:text-gray-300">
{{ label }}
</span>
</div>
</template>
<script setup lang="ts">
import { computed } from 'vue'
const props = defineProps<{
status: string
label: string
}>()
const variantClass = computed(() => {
switch (props.status) {
case 'active':
case 'success':
return 'bg-green-500'
case 'disabled':
case 'inactive':
case 'warning':
return 'bg-yellow-500'
case 'error':
case 'danger':
return 'bg-red-500'
default:
return 'bg-gray-400'
}
})
</script>
|