<div class="inline-flex items-center gap-2">
    <input type="file" wire:model="file" accept="{{ $accept }}"
        class="text-sm file:mr-2 file:rounded-md file:border-0 file:bg-zinc-100 file:px-3 file:py-1.5 file:text-sm file:font-medium hover:file:bg-zinc-200 dark:file:bg-zinc-700 dark:hover:file:bg-zinc-600" />

    <div wire:loading wire:target="file">
        <flux:icon name="arrow-path" class="h-4 w-4 animate-spin text-zinc-500" />
    </div>
</div>
