@props([
    'name',
    'label',
    'type' => 'text',
    'optional' => false,
    'help' => false,
    'errorName' => $name,
    'includeOther' => false,
    'inputCssClasses' => '',
    'belowLabel' => null
])

<x-inputs._input-wrapper :name="$name" :label="$label" :optional="$optional" :help="$help" :error-name="$errorName" :include-other="$includeOther" >
    <input {{ $attributes->merge([
                'class' => 'bg-gray-50 border border-gray-400 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full px-4 py-3'
           ]) }}
           type="{{ $type }}"
           id="{{ $name }}"
           name="{{ $name }}"
           value="{{old($name)}}"
    />

    {{ $belowLabel }}
</x-inputs._input-wrapper>