<template>
  <div class="mt-3 md:mt-6 feed-footer">
    <div class="flex justify-between">
      <div v-if="ads"></div>
      <div v-else class="misc-info flex space-x-4">
        <like-count :likes="likes" :liked="liked"
                    @likeFeed="likeFeed"
        />
        <comment-count :comments="comments" />
        <share-count />
      </div>
      <view-count :count="count" />
    </div>
  </div>
</template>

<script>
import LikeCount from '@/Shared/Misc/LikeCount.vue'
import ViewCount from '@/Shared/Misc/ViewCount.vue'
import CommentCount from '@/Shared/Misc/CommentCount.vue'
import ShareCount from '@/Shared/Misc/ShareCount.vue'

export default {
    components: {
        LikeCount,
        CommentCount,
        ShareCount,
        ViewCount,
    },
    props: {
        comments: Number,
        likes: Number,
        liked: Boolean,
        ads: Boolean,
        count: {
            type: Number,
            default: 0
        },
    },
    emits:['likeFeed'],
    methods:{
        likeFeed(){
            this.$emit('likeFeed')
        }
    }
}
</script>
