<template>
  <div
    class="text-block"
    v-html="value.text"/>
</template>

<script>
  export default {
    props: ['value']
  };
</script>

<style scoped lang="scss">
  @import "@/styles/_variables.scss";

  .text-block {
    margin-bottom: $medium-spacing; // if calc is not supported
    margin-bottom: calc(#{$large-spacing} - 0.25rem); // to offset the 1.5 line height, which leaves a padding
  }
</style>
