{{#let
  (class-names
    (if @compressed "euiFilePicker--compressed")
    (if @fullWidth "euiFilePicker--fullWidth")
    (if @isInvalid "euiFilePicker--isInvalid")
    (if @isLoading "euiFilePicker--isLoading")
    display=this.display
    componentName="EuiFilePicker"
  )
  (arg-or-default @id (unique-id)) as |classes inputId|
}}
  {{#let
    (if inputId (concat inputId "-filePicker__prompt") (unique-id))
    (not-eq this.promptText null)
    (eq this.display "default") as |promptId isOverridingInitialPrompt normalFormControl|
  }}
    <div
      class="{{classes}}

        {{if this.isHoveringDrop "euiFilePicker__showDrop"}}

        {{if isOverridingInitialPrompt "euiFilePicker--hasFiles"}}"
      ...attributes
    >
      <div class="euiFilePicker__wrap">
        <input
          type="file"
          id={{inputId}}
          name={{@name}}
          class="euiFilePicker__input"
          disabled={{@disabled}}
          aria-describedby={{promptId}}
          ...attributes
          {{on "dragover" this.showDrop}}
          {{on "dragleave" this.hideDrop}}
          {{on "drop" this.hideDrop}}
          {{on "change" (fn this.handleChange this.filesSelected)}}
					{{did-insert this.didInsertInput}}
          {{validatable-control @isInvalid}}
        />
        <div class="euiFilePicker__prompt" id={{promptId}}>
          <EuiIcon
            class="euiFilePicker__icon"
            @type="importAction"
            @size={{if true "m" "l"}}
            aria-hidden="true"
          />
          <div class="euiFilePicker__promptText">
            {{or this.promptText this.initialPromptText}}
          </div>
          {{#if (and @isLoading normalFormControl)}}
            <EuiLoadingSpinner class="euiFilePicker__loadingSpinner" />
          {{else if isOverridingInitialPrompt}}
            {{#if normalFormControl}}
              <button
                type="button"
                aria-label="Clear selected files"
                class="euiFilePicker__clearButton"
                {{on "click" this.removeFiles}}
              >
                <EuiIcon class="euiFilePicker__clearIcon" @type="cross" />
              </button>
            {{else}}
              <EuiButtonEmpty
                aria-label="Clear selected files"
                class="euiFilePicker__clearButton"
                @size="xs"
                {{on "click" this.removeFiles}}
              >
                Remove
              </EuiButtonEmpty>
            {{/if}}
          {{/if}}
          {{#if (and (not normalFormControl) @isLoading)}}
            <EuiProgress @size="xs" @color="accent" position="absolute" />
          {{/if}}
        </div>
      </div>
    </div>
  {{/let}}
{{/let}}