@props([
    'name',
    'type' => 'text',
    'label',
    'div_classes' => ''
])
@php
    $labelClasses = "block text-sm font-medium leading-6 text-gray-900";
    $inputClasses = "block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6";
    $inputAttributes = [
        'id' => $name,
        'name' => $name,
        'type' => $type,
        'class' => $inputClasses,
        'value' => old($name)
    ];
@endphp
<div class="{{ $div_classes }}">
    <label for="{{ $name }}" class="{{ $labelClasses }}">{{ $label }}</label>
    <div class="mt-2">
        <input {{$attributes->merge($inputAttributes)}}>
    </div>
    @error($name)
        <p class="text-xs text-red-500 font-semibold mt-1 ml-3">{{ $message }}</p>
    @enderror
</div>