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

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