<template>
  <div id="codeEditable">
    <editable-area
      :steps="steps"
      :step-id="stepId"
      :merge-fields="mergeFields"
    />
  </div>
</template>

<script>
import EditableArea from './_components/editable-area.vue';

export default {
  name: 'CodeEditableModule',

  components: {
    EditableArea
  },

  props: {
    stepId: { type: String, default: '' },
    steps: { type: Array, default: () => [] },
    mergeFields: { type: Array, default: () => [] }
  }
};
</script>

<style lang="scss" scoped></style>
