<template>
  <div class="col-span-7 modal-media">
    <component
      :title="title"
      :feed_id="feed_id"
      :preview="preview"
      :medias="medias"
      :is="currentModalMedia"
    ></component>
  </div>
</template>

<script>
import ModalFeedMediaImages from "@/Shared/Overlay/ModalFeedMediaImages";
import ModalFeedMediaVideos from "@/Shared/Overlay/ModalFeedMediaVideos";
import ModalFeedMediaMusics from "@/Shared/Overlay/ModalFeedMediaMusics";
export default {
  components: {
    ModalFeedMediaImages,
    ModalFeedMediaVideos,
    ModalFeedMediaMusics,
  },
  props: {
    medias: Array,
    type: String,
    feed_id: Number,
    title: String,
    preview: String,
  },
  computed: {
    currentModalMedia() {
      return "modal-feed-media-" + this.type.toLowerCase();
    },
  },
  methods: {},
};
</script>
