@props(['label' => '', 'name' => '', 'placeholder' => '', 'required' => false, 'value' => '', 'description', 'rows'=>1])
<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
        <textarea
            class="bg-[#F3F3F5] py-2 px-4 rounded-lg"
            rows="{{$rows}}"
            name="{{$name}}" placeholder="{{$placeholder}}"
            required="{{$required?'required':''}}"
        >{{old($name, $value)}}</textarea>

    @isset($description)
        <p class="text-accent-600 text-xs">{{$description}}</p>
    @endisset

    <x-ui.inline-error :name="$name"/>
</div>