<template>
  <div v-if="widgetType[selectedWidget].type == 'Image'">
    <div v-b-toggle.html class="vb-body-right-option pointer option-head">HTML</div>
    <b-collapse id="html" visible>
      <!-- <codemirror Mode='Text/Html' style="width:100%"></codemirror> -->
      <codemirror style="width: 97%; margin: 0px 5px 5px 5px;"></codemirror>
    </b-collapse>
  </div>
</template>

<script>
import { codemirror } from "vue-codemirror";

// require styles
import "codemirror/lib/codemirror.css";

export default {
  components: {
    // codemirror,
    codemirror
  },
  props: {
    widgetType: {
      type: Array
    },
    selectedWidget: {
      type: Number
    }
  },
  data() {
    return {};
  }
};
</script>

<style>
</style>
