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

<script>
import ModalFeedMediaImages from "@/Shared/Overlay/ModalFeedMediaImages.vue";
import ModalFeedMediaVideos from "@/Shared/Overlay/ModalFeedMediaVideos.vue";
import ModalFeedMediaMusics from "@/Shared/Overlay/ModalFeedMediaMusics.vue";

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>
