<template>
  
  <div :id="rowId" :class="rowClasses" :style="backgroundImageStyle">
    <div class="text" :class="{'vertical-center' : properties['Center Content Vertically'].value}">
      
      <div class="content" v-if="properties['Text'].value">
        <span v-html="properties['Text'].value"></span>
      </div>
    
    </div>
  </div>

</template>

<script>
  export default {
    name: "BuildableText",
    props: ['componentData', 'rowClasses', 'rowIndex', 'rowId', 'backgroundImageStyle'],
    data() {
      return JSON.parse(this.componentData);
    }
  }
</script>

<style scoped>

</style>