<template>
  <VIcon v-if="get(item, value)" class="ma-0" color="green">fas fa-check-circle</VIcon>
  <VIcon v-else class="ma-0">far fa-circle</VIcon>
</template>

<script>
import { defineComponent } from '@vue/composition-api'
import { get } from 'lodash-es'

export default defineComponent({
  name: 'CheckCircleRenderer',
  props: {
    item: {
      type: Object,
      required: true,
    },
    value: {
      type: String,
      required: true,
    },
  },
  setup() {
    return { get }
  },
})
</script>
