<template>
  <div class="absolute z-10 top-3 right-3">
    <div class="flex items-center text-white">
      <span v-if="count > 1" class="mr-1 text-sm">
        {{ count }}
      </span>
      <svg class="drop-shadow-custom w-5 h-5">
        <use v-if="type == 'images'"  xlink:href="#imagefeed"></use>
        <use v-if="type == 'videos'"  xlink:href="#filmmark"></use>
        <use v-if="type == 'musics'"  xlink:href="#musicmark"></use>
      </svg>
    </div>
  </div>
</template>

<script>
export default {
  components: {  },
  props: {
    count: Number,
    type: String,
  },
};
</script>
