<template>
<section>
    <h2 class="text-base text-gray font-semibold">Превью:</h2>
     <div class="mt-3 ">
        <feed-music-body
            :feed_id='purchase.id'
            :title='purchase.title'
            :preview='purchase.preview'
            :medias='purchase.common_medias'
         />
     </div>
</section>

<section class="mt-6">
    <h2 class="text-base text-gray font-semibold">Медиа материалы:</h2>
     <div class="mt-3">
        <feed-music-body
            :feed_id='purchase.id'
            :title='purchase.title'
            :preview='purchase.preview'
            :medias='purchase.paid_medias'
         />
     </div>
</section>

</template>

<script>
import FeedMusicBody from "@/Shared/FeedList/FeedMusicBody.vue";
export default {
  components: {
    FeedMusicBody,
  },
  props: {
    purchase: Object,
  },
};
</script>
