<template>
  <v-pagination
    :value="page"
    :length="length"
    :total-visible="totalVisible"
    class="snt-pagination"
    @input="$emit('input', $event)">
  </v-pagination>
</template>

<script>

export default {
  name: 'SntCheckbox',
  props: {
    value: {
      type: [Number, String],
      default: 0
    },
    length: {
      type: [Number, String],
      default: 0
    },
    totalVisible: {
      type: [Number, String],
      default: 7
    }
  },
  data () {
    return {
      page: this.value
    }
  },
  watch: {
    value () {
      this.page = this.value
    }
  }
}
</script>

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