<template >
  <div class="hotpay-text" v-html="data.content"></div>
</template>

<style lang="scss" scoped>
  @import '../stylesheets/variables.scss';

  .hotpay-text {
    margin: 16px 0 24px;
    font-size: 15px;
    line-height: 1.33;
  }
</style>

<script>
  export default {
    name: 'hotpay-text',
    props: {
      data: {
        type: Object,
        default: () => ({
          content: this.$t('builder.components.textEditor.placeholder')
        })
      }
    }
  }
</script>
