@props(['label' => '', 'name' => '', 'placeholder' => '', 'required' => false, 'value' => '', 'description'])
@if($label !== '')
    <div class="flex flex-col space-y-2">

        <label class="text-sm font-bold" for="{{$name}}">
            {{$label}}

            @if($required)
                *
            @endif
        </label>

        <textarea
            class="bg-[#F3F3F5] py-2 px-4 rounded-lg h-40"
            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>
@endif