@props(['errorBag' => '', 'classes' => '', 'name', 'type' => 'text', 'value' => '', 'placeholder' => '', 'required' => true, 'autofocus' => false, 'readonly' => false])

<input
    class="{{ $classes }} focus:ring-0 border-4 border-gray-200 rounded dark:bg-gray-800 dark:border-gray-700 dark:text-gray-200 focus:border-[#eeb425] w-full @error($name, $errorBag) border-red-600 ring-red-500 @enderror"
    id="{{ $name }}" type="{{ $type }}" name="{{ $name }}" value="{{ $value }}"
    autocomplete="{{ $name }}" placeholder="{{ $placeholder }}" @if ($readonly) required @endif
    @if ($autofocus) autofocus="{{ $name }}" @endif
    @if ($readonly) readonly @endif>

@error($name, $errorBag)
    <p class="mt-1 text-xs italic text-red-500">
        {{ $message }}
    </p>
@enderror