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

{#if !runner || runner.firstname == 0}
  {$_("fixed-donation")}
{:else}
  <div class="text-sm font-medium text-gray-900">
    <a
      href="../runners/{runner.id}"
      class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800"
      >{runner.firstname}
      {#if runner.middlename}{runner.middlename}{/if}
      {runner.lastname}</a
    >
  </div>
{/if}
