<script setup lang="ts">
import { Icon } from '@iconify/vue';
defineProps<{
  readonly?: boolean;
  prefixId?: string;
}>();

const attachment = defineModel<File[]>('attachment');
</script>

<template>
  <div class="row q-col-gutter-md">
    <q-file
      :id="`${prefixId}-input-attchment`"
      dense
      outlined
      :readonly="readonly"
      multiple
      append
      :label="$t('customerBranch.form.attachment')"
      class="col-12"
      v-model="attachment"
    >
      <template #prepend>
        <Icon
          icon="material-symbols:attach-file"
          width="20px"
          style="color: var(--brand-1)"
        />
      </template>
    </q-file>
  </div>
</template>

<style></style>
