<template>
  <h5
    class="subtitle"
    v-html="value.text"/>
</template>

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

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

  .subtitle {
    padding-top: 1px;
    margin-bottom: $medium-spacing;
    margin-bottom: calc(#{$large-spacing} - 0.1rem);
    @include heading-line-height;
  }
</style>
