<template>
  <span v-if="value" class="teal--text">yes</span>
  <span v-else class="pink--text">no</span>
</template>

<script>
export default {
  name: 'BooleanViewer',
  props: ['value']
}
</script>

<style scoped>

</style>