<template>
  <div v-if="!isActive" class="inline-flex items-center gap-1">
    <Icon
      :name="statusConfig.icon"
      :class="['w-4 h-4', statusConfig.textColor]"
      :title="`Status: ${statusConfig.label}`"
    />
  </div>
</template>

<script setup>
const { isActive, statusConfig } = useMemberStatus()
</script>
