<template>
  <div class="snt-text-field">
    <div class="snt-text-field__content">
      <v-text-field
        v-bind="$attrs"
        :value="value"
        :autofocus="autofocus"
        :filled="filled"
        class="snt-text-field__input"
        autocomplete="off"
        hide-details
        v-on="$listeners">
      </v-text-field>
    </div>
  </div>
</template>

<script>

export default {
  name: 'SntTextField',
  props: {
    value: {
      type: [String, Number],
      default: undefined
    },
    autofocus: {
      type: Boolean,
      default: undefined
    },
    filled: {
      type: Boolean,
      default: undefined
    }
  }
}
</script>

<style scoped>
  .snt-text-field {

  }
  .snt-text-field__content {

  }
  .snt-text-field__input {

  }
</style>
