@props(['label' => '', 'name' => '', 'placeholder' => '', 'type' => 'text', 'description' => '', 'required' => false, 'value' => ''])
<div {{$attributes->merge(['class' => 'flex flex-col space-y-2'])}}>
    @if($label !== '')
        <label class="text-sm font-bold" for="{{$name}}">
            {{$label}}
            @if($required)
                *
            @endif
        </label>
    @endif
    <input class="bg-[#F3F3F5] py-2 px-4 rounded-lg"
           type="{{$type}}" placeholder="{{$placeholder}}"
           name="{{$name}}" value="{{old($name, $value)}}"
          {{$required?'required':''}}
        {{$attributes}}
    >
    @if($description !== '')
        <p class="text-accent-600 text-xs">{{$description}}</p>
    @endif
    <x-ui.inline-error :name="$name"/>
</div>