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

<script>
import LikeCount from "@/Shared/Misc/LikeCount";
import ViewCount from "@/Shared/Misc/ViewCount";
import CommentCount from "@/Shared/Misc/CommentCount";
import ShareCount from "@/Shared/Misc/ShareCount";

export default {
  components: {
    LikeCount,
    CommentCount,
    ShareCount,
    ViewCount,
  },
  emits:['likeFeed'],
  props: {
    comments: Number,
    likes: Number,
    liked: Boolean,
  },
  methods:{
      likeFeed(){
        this.$emit('likeFeed');
      },


  }
};
</script>
