<template>
  <h2 class="hotpay-subtitle" v-html="data.content"></h2>
</template>

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

  .hotpay-subtitle {
    margin: 16px 0;
    color: $color-gray;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.34em;
  }
</style>

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