<FileUpload @name={{@name}} @accept={{@accept}} @onFileAdded={{@onFileAdded}} @labelClass={{@labelClass}} as |queue|>
    <a tabindex={{0}} class="flex items-center px-0 mt-2 text-xs no-underline truncate cursor-pointer btn {{if @outline 'btn-outline'}} btn-{{or @type 'default'}} btn-{{or @size 'sm'}}" ...attributes>
        {{#if queue.files.length}}
            <Spinner class={{unless @hideButtonText "mr-2"}} />
            {{#unless @hideButtonText}}
            <span>
                Uploading...
            </span>
            {{/unless}}
        {{else}}
            <FaIcon @icon={{or @icon "image"}} class="{{@iconClass}} {{unless @hideButtonText "mr-2"}}" />
            {{#unless @hideButtonText}}
                <span>
                    {{or @buttonText "Upload new"}}
                </span>
            {{/unless}}
        {{/if}}
    </a>
</FileUpload>