@props([
    'hasLabel' => true,
    'labelText' => '',
    'accept' => null,
    'name' => '',
    'isRequired' => true 
])

@if($hasLabel)
    <label for="input-{{$name}}" class="block mb-2 text-sm font-medium text-gray-900">
        {{ $labelText }}
    </label>
@endif

<div class="relative">
    <input name="{{ $name }}" @if($isRequired) required @endif id="input-{{ $name }}" class="h-12" type="file" @if($accept)accept="{{ $accept }}"@endif {{ $attributes }}>
    <div class="absolute right-0 top-0 bottom-0 inline-flex-center px-3">
        <span class="size-nav-icon text-lab-sc">
            <x-ui-icon name="attachment-01"></x-ui-icon>
        </span>
    </div>
</div>

@error($name)
    <small class="mt-2 text-sm text-red-500">
        {{ $message }}
    </small>
@enderror