<template>
  <BFormCheckbox
    v-model="checked"
    v-on="$listeners"
    :id="id"
    :aria-describedby="$parent.id + '__BV_description_'"
    switch
  >
    {{ label || $t(labels[checked]) }}
  </BFormCheckbox>
</template>

<script>
export default {
  compatConfig: { MODE: 3 },
  name: 'CheckboxItem',

  props: {
    value: { type: Boolean, required: true },
    id: { type: String, default: null },
    label: { type: String, default: null },
    labels: { type: Object, default: () => ({ true: 'yes', false: 'no' }) },
  },

  data() {
    return {
      checked: this.value,
    }
  },
}
</script>
