Improve AB styling capabilities v1

web-frontend/modules/builder/components/theme/ThemeConfigBlock.vue

@@ -0,0 +1,45 @@
+<template>
+  <div
+    class="theme-config-block"
+    :class="{
+      'theme-config-block--no-preview': !preview,
+    }"
+  >
+    <component
+      :is="themeConfigBlockType.component"
+      :preview="preview"
+      :theme="theme"
+      :element="element"
+      :default-values="defaultValues"
+      @values-changed="$emit('values-changed', $event)"
+    />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ThemeConfigBlock',
+  props: {
+    defaultValues: {
+      type: Object,
+      required: false,
+      default: () => {},
+    },
+    theme: { type: Object, required: false, default: null },
+    themeConfigBlockType: {
+      type: Object,
+      required: true,
+    },
+    element: {
+      type: Object,
+      required: false,
+      default: null,
+    },
+    preview: {
+      type: Boolean,
+      required: false,
+      default: true,
+    },
+  },
+}
+</script>