<script>
import {Fragment} from "vue-fragment"
export default {
  components : {
    Fragment
  },
  props: {
    value: {default: ""},
    size : {default : "md"},
    variant: {default: "dark"},
    additional_class: {default: ""}
  }
}
</script>
<template>
  <fragment>
    <h4 v-show="size === 'md'" :class="`font-weight-bolder text-${variant} ${additional_class}`">{{ value }}</h4>
    <h6 v-show="size === 'sm'" :class="`font-weight-bolder text-${variant} ${additional_class}`">{{ value }}</h6>
  </fragment>
</template>