<script>
export default {
  props: {
    value: {type: [String, Number], default: ""},
    variant: {type: String, default: "dark"},
    is_bold: {type: Boolean, default: false},
    size: {type: Number},
    is_italic: {type: Boolean, default: false},
    additional_class: {type: String, default: ""}
  }
}
</script>
<template>
  <label
      :class="`${(is_bold) ? `font-weight-bold` : `` } ${(is_italic) ? `font-italic` : `` } ${(size) ? 'font-size-'+size : `` } text-${variant} ${additional_class}`">
    {{ value }}
  </label>
</template>