<template>
  <div :style="styleData.shareTheBackground">
    <img :style="styleData.shareTheImg" :src="styleData.shareTheImg.imageUrl" alt="">
    <component
      ref="dataRef"
      v-for="(value, key, index) in componentsData"
      :key="index"
      :is="key"
      :isTemplate="isTemplate"
      :styleData="styleData"
      :datas="datas"
      :keyData="keyData"
    ></component>
  </div>
</template>

<script>
import testimonialNew from "../prizeShow/testimonialNew.vue";
import shareButtonNew from "../../logicalComponent/shareButton/shareButtonNew.vue";
import inviteNew from "../../logicalComponent/invite/inviteNew.vue";
export default {
  props: [
    "isTemplate",
    "datas",
    "styleData",
    "keyData",
    "templateData",
    "modifyContent",
    "isWebClick",
  ],
  components: {
    testimonialNew,
    shareButtonNew,
    inviteNew,
  },
  data() {
    return {
      componentsData: {
        testimonialNew,
        inviteNew,
        shareButtonNew,
      },
    };
  },
  created() {
    console.log(323,this.styleData)
  },
};
</script>

<style></style>
