<template>
  <dk-file-input v-model="input" :show-input="showInput" :img-size="imgSize" :type="3" :accept="accept">
    <template #media>
      <div class="media">
        <i class="other-file el-icon-film" />
      </div>
    </template>
  </dk-file-input>
</template>

<script>
import DkFileInput from '../common/DkFileInput'

export default {
  name: 'DkVideoInput',
  components: {
    DkFileInput
  },
  props: {
    placeholder: {
      default: '',
      type: String
    },
    type: {
      default: 1,
      type: [Number, String]
    },
    value: {
      default: '',
      type: String
    },
    showInput: {
      default: true,
      type: Boolean
    },
    imgSize: {
      default: 100,
      type: Number
    },
    accept: {
      default: '',
      type: String
    }
  },
  data() {
    return {
      input: this.value
    }
  },
  computed: {},
  watch: {
    value(val) {
      this.input = val
    },
    input(val) {
      this.$emit('input', val)
    }
  },
  mounted() {
  },
  methods: {}
}
</script>

<style scoped lang="scss">

</style>
