<script>
export default {
  props: {
    value: {
      type:    [String, Number],
      default: ''
    },

    qualityFn: {
      type:    Function,
      default: () => 'error'
    },
  },
};
</script>

<template>
  <span :class="`text-${qualityFn(value)}`">
    {{ value }}
  </span>
</template>
