@props([
    'name',
    'label' => '',
    'multiple' => false,
    'accept' => '',
    'required' => false,
    'class' => ''
])

<div class="mb-4">
    @if($label)
        <label for="{{ $name }}" class="block mb-2 text-lg font-medium text-brand-text">{{ $label }}</label>
    @endif

    <input
        type="file"
        name="{{ $name }}"
        id="{{ $name }}"
        {{ $multiple ? 'multiple' : '' }}
        {{ $required ? 'required' : '' }}
        accept="{{ $accept }}"
    {{ $attributes->merge(['class' => "block w-full text-sm text-brand-text border border-brand-light-gray rounded-lg shadow-sm cursor-pointer focus:ring-2 focus:ring-brand-accent file:mr-4 file:py-2 file:px-4 file:border-0 file:rounded-md file:bg-brand-light-gray file:text-brand-primary hover:file:bg-brand-light-gray $class"]) }}
    >

    @error($name)
        <p class="text-red-600 text-sm mt-1">{{ $message }}</p>
    @enderror
</div>