<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>
