@props([
    'label' => null,
    'name' => null,
    'rows' => 4,
    'placeholder' => '',
    'helper' => null,
    'error' => null,
    'required' => false,
    'value' => null,
])

@php
$id = $attributes->get('id') ?? ($name ? str_replace(['[', ']'], ['_', ''], $name) : null);
$fieldError = $error ?? ($name ? $errors->first($name) : null);

$textareaClasses = 'block w-full rounded-xl border-slate-300 bg-white text-slate-800 placeholder:text-slate-400 shadow-sm transition duration-200 focus:border-primary-500 focus:ring-primary-500 dark:border-slate-600 dark:bg-slate-800 dark:text-slate-100';

if ($fieldError) {
    $textareaClasses .= ' border-rose-500 focus:border-rose-500 focus:ring-rose-500';
}
@endphp

<div class="space-y-2">
    @if($label)
        <label for="{{ $id }}" class="text-sm font-medium text-slate-700 dark:text-slate-200">
            {{ $label }}
            @if($required)
                <span class="text-rose-500">*</span>
            @endif
        </label>
    @endif

    <textarea
        {{ $attributes->except(['class', 'id'])->merge(['class' => $textareaClasses]) }}
        id="{{ $id }}"
        name="{{ $name }}"
        rows="{{ $rows }}"
        placeholder="{{ $placeholder }}"
        @if($required) required @endif
    >{{ old($name, $value) }}</textarea>

    @if($fieldError)
        <p class="text-sm text-rose-600 dark:text-rose-400">{{ $fieldError }}</p>
    @elseif($helper)
        <p class="text-sm text-slate-500 dark:text-slate-400">{{ $helper }}</p>
    @endif
</div>