@props(['name', 'label', 'value' => null, 'rows' => 4, 'help' => null])
@php
    $segments = explode('.', $name);
    $htmlName = array_shift($segments);
    foreach ($segments as $segment) {
        $htmlName .= '['.$segment.']';
    }
@endphp
<label class="block">
    <span class="mb-1.5 block text-[11px] font-bold text-slate-700 dark:text-slate-200">{{ $label }}</span>
    <textarea name="{{ $htmlName }}" rows="{{ $rows }}" {{ $attributes->merge(['class' => 'w-full resize-y rounded-xl border border-slate-300 bg-white px-3 py-2.5 text-xs leading-5 text-slate-900 outline-none transition placeholder:text-slate-400 focus:border-orange-500 focus:ring-2 focus:ring-orange-500/15 dark:border-slate-700 dark:bg-slate-900 dark:text-white']) }}>{{ old($name, $value) }}</textarea>
    @if($help)<span class="mt-1 block text-[10px] text-slate-400">{{ $help }}</span>@endif
    @if($errors->has($name))<span class="mt-1 block text-[10px] font-semibold text-rose-600">{{ $errors->first($name) }}</span>@endif
</label>