<script>
  import { _ } from "svelte-i18n";
  export let enabled = false;
</script>

{#if enabled}
  <span
    class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full border border-current bg-green-100 text-green-800"
    >{$_("enabled")}</span
  >
{:else}
  <span
    class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full border border-current bg-red-100 text-red-800"
    >{$_("disabled")}</span
  >
{/if}
