<template>
  <span class="admin-status-chip" :class="`admin-status-chip--${tone}`">
    <span class="admin-status-chip__dot" />
    {{ label }}
  </span>
</template>

<script setup lang="ts">
withDefaults(
  defineProps<{
    label: string;
    tone?: string;
  }>(),
  {
    tone: "primary",
  },
);
</script>