{{#if this.error}}
    <div class="failed flex items-start gh-members-upload-errorcontainer error">
        <div class="mr2">{{svg-jar "warning" class="nudge-top--2 w4 h4 fill-red"}}</div>
        <p class="ma0 pa0">{{this.error.message}}</p>
    </div>
{{/if}}
<div class="upload-form bg-whitegrey-l2 ba b--whitegrey br3">
    <section class="gh-image-uploader gh-members-import-uploader {{this.dragClass}}"
        {{on "drop" this.drop}}
        {{on "dragover" this.dragOver}}
        {{on "dragleave" this.dragLeave}}
    >
        <GhFileInput @multiple={{false}} @alt={{this.labelText}} @action={{this.fileSelected}} @accept={{this.accept}}>
        <div class="flex flex-column items-center">
            {{svg-jar "upload" class="w9 h9 mb1 stroke-midgrey"}}
            <div class="description midgrey">{{this.labelText}}</div>
        </div>
        </GhFileInput>
    </section>
</div>