<script setup lang="ts">
const props = defineProps([
    'item'
]);

/**
 * Get Show/Spot icon
 */
const icon = () => {
  switch (props.item.type) {
    case 'show':
      return 'mdi-eye';
      break;
    case 'ad':
      return 'mdi-advertisements';
      break;
  }
}
</script>

<template>
  <div>
    {{ item.when }}
    <v-icon :icon="icon()" />
    {{ item.name }}
  </div>
</template>

<style scoped>
  div {
    display: flex;
    padding: 2px;
  }
  i {
    margin: 0 5px;
  }
</style>