@props([
    'accept'   => null,
    'required' => false,
    'disabled' => false,
])

<input
    type="file"
    @if ($accept) accept="{{ $accept }}" @endif
    @required($required)
    @disabled($disabled)
    {{ $attributes->merge([
        'class' => 'w-full py-2 text-sm
                    file:mr-4 file:py-2 file:px-4 file:rounded-none file:border file:border-black file:bg-transparent
                    file:font-semibold file:cursor-pointer file:transition-colors
                    hover:file:bg-black hover:file:text-neutral-200
                    focus:outline-none focus-visible:ring-2 focus-visible:ring-black
                    disabled:cursor-not-allowed disabled:opacity-50',
    ]) }}
/>