<template>
  <div>
    <v-file-input
      label="Upload File"
      dense
      multiple
      @change="$emit('change', $event)"
    />
    <!--    <div class="input-group">-->
    <!--      <div class="custom-file">-->
    <!--        <input-->
    <!--          @change="$emit('change', $event)"-->
    <!--          type="file"-->
    <!--          class="custom-file-input"-->
    <!--          id="inputGroupFile02"-->
    <!--        />-->
    <!--        <label-->
    <!--          class="custom-file-label"-->
    <!--          for="inputGroupFile02"-->
    <!--          aria-describedby="inputGroupFileAddon02"-->
    <!--          >Choose file</label-->
    <!--        >-->
    <!--      </div>-->
    <!--    </div>-->
    <!-- <b-form-file
      v-model="file"
      multiple
      :state="Boolean(file)"
      placeholder="Choose a file..."
      drop-placeholder="Drop file here..."
      @change="$emit('change', $event)"
    />-->
  </div>
</template>

<script>
export default {
  name: "file_upload_widget",
  data: function () {
    return {
      selectFile: "",
      hover: false,
      highlight: false,
      top: false,
      bottom: false,
      file: "",
      imageData: "",
    };
  },
  props: {
    widget: Object,
  },
};
</script>
