<template>
  <component
    :is="comp"
    :widgetData="widgetData"
    :widgetStyle="widgetStyle"
    :allSides="allSides"
    :fieldValues="fieldValues"
  ></component>
</template>

<script>
export default {
  name: "get_widget_properties",
  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>
