<template>
  <modal :fullscreen="true">
    <component :value="value" :is="type" />
  </modal>
</template>

<script>
import Modal from '@/components/Modal';
const InfogramBlock = () =>
  import(/* webpackChunkName: "content-components" */ '@/components/content-blocks/InfogramBlock');
const GeniallyBlock = () =>
  import(/* webpackChunkName: "content-components" */ '@/components/content-blocks/GeniallyBlock');

export default {
  components: {
    Modal,
    InfogramBlock,
    GeniallyBlock,
  },

  computed: {
    id() {
      return this.$store.state.infographic.id;
    },
    type() {
      return this.$store.state.infographic.type;
    },
    value() {
      return {
        id: this.id,
      };
    },
  },
};
</script>
