<template>
  <div class="snt-checkbox">
    <v-simple-checkbox
      :ripple="false"
      :value="checkbox"
      :color="color"
      dense
      v-on="$listeners" />
  </div>
</template>

<script>

export default {
  name: 'SntCheckbox',
  props: {
    value: {
      type: Boolean,
      default: false
    },
    color: {
      type: String,
      default: undefined
    }
  },
  data () {
    return {
      checkbox: this.value
    }
  },
  watch: {
    value () {
      this.checkbox = this.value
    }
  },
  methods: {
    setCheckbox (checkbox) {
      this.checkbox = checkbox
    }
  }
}
</script>

<style scoped>
  /* .snt-checkbox i {
    co
  } */
</style>
