<script lang="ts">
  type Props = {
    value: boolean;
    falseLabel: 'Disabled' | 'Inactive';
  };

  let { value, falseLabel }: Props = $props();
</script>

{#if !value}
  <span class="inline-flex rounded-full bg-slate-700 px-2 py-0.5 text-xs font-medium text-slate-200">
    {falseLabel}
  </span>
{/if}
