<script setup>
import { statusLabel } from '@/lib/business-labels';

const props = defineProps({ value: { type: [String, Boolean, Number], default: '' } });
</script>

<template>
  <span :class="['status-badge', `is-${String(props.value).replaceAll('_', '-')}`]">{{ statusLabel(props.value) }}</span>
</template>
