<template>
  <a
    class="simple-file-upload-icon"
    @click="$emit('click')"
  >
    <document-icon class="simple-file-upload-icon__icon" />
  </a>
</template>

<script setup lang="ts">
import { defineAsyncComponent } from 'vue';
const DocumentIcon = defineAsyncComponent(
  () => import(/* webpackChunkName: "icons" */ '@/components/icons/DocumentIcon.vue')
);

defineEmits(['click']);
</script>

<style scoped lang="scss">
@import 'styles/helpers';

.simple-file-upload-icon {
  &__icon {
    width: 25px;
    fill: $color-silver-dark;
  }
}
</style>
