{{#if this.showUploadsContainer}}
  <div class="chat-composer-uploads-container">
    {{#each this.uploads as |upload|}}
      <ChatComposerUpload
        @upload={{upload}}
        @isDone={{true}}
        @onCancel={{action "removeUpload" upload}}
      />
    {{/each}}

    {{#each this.inProgressUploads as |upload|}}
      <ChatComposerUpload
        @upload={{upload}}
        @onCancel={{action "cancelUploading" upload}}
      />
    {{/each}}
  </div>
{{/if}}

<PickFilesButton
  @allowMultiple={{true}}
  @fileInputId={{this.fileUploadElementId}}
  @fileInputClass="hidden-upload-field"
/>

<div class="drop-a-file">
  <div class="drop-a-file-content">
    <div class="drop-a-file-content-images">
      {{d-icon "file-audio"}}
      {{d-icon "file-video"}}
      {{d-icon "file-image"}}
    </div>

    <p class="drop-a-file-content-text">
      {{d-icon "upload"}}
      Drop a file to upload it.
    </p>
  </div>
</div>