<script>
  import ActivityIcon from "./ActivityIcon.svelte";

  export let item = null
  export let id = ""
</script>

{#if item != null}
  <span>{item.name}</span>
{:else if id != ""}
  <span class="unknown">(Deleted)</span>
{:else}
  <span class="unknown">(None)</span>
{/if}

<style>
  span.unknown {
    color: #555;
  }
</style>