@props([
    'name',
    'label',
    'type' => 'text',
    'optional' => false
])

<label {{ $attributes->merge(['class' =>
        'block text-sm font-medium text-gray-900' . ($type === 'hidden' ? ' hidden' : '')
   ]) }}>
    {!! $label !!} @if($optional) <span class="text-sm font-normal">(optional)</span> @endif
    <input
        type="{{ $type }}"
        id="{{ $name }}"
        name="{{ $name }}"
        value="{{old($name)}}"
        class="bg-gray-50 border border-gray-400 text-gray-900 font-normal text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full px-4 py-3 mt-4"
    />
</label>