<template>
  <component
    @visible="$emit('visible')"
    :is="componentName"
    :widgetData="widgetData"
    :widgetStyle="widgetStyle"
    :allSides="allSides"
    :fieldValues="fieldValues"
  ></component>
</template>

<script>
import * as comp from "../helperFiles/fileImports";

export default {
  name: "RenderProperties",
  components: {
    ...comp,
  },
  props: {
    componentName: {
      type: String,
      required: true,
    },
    widgetData: {
      type: Object,
      required: true,
    },
    widgetStyle: {
      type: Object,
      required: true,
    },
    allSides: Object,
    fieldValues: Object,
  },
  // computed: {
  //   comp() {
  //     return () =>
  //       import(`@/temp/webform/properties/${this.componentName}.vue`);
  //   },
  // },
};
</script>

<style scoped></style>
