@props([
    'name',
    'label',
    'required' => false,
])

<div>
    <label for="{{ $name }}" class="block font-medium mb-1 text-gray-700 dark:text-gray-300">
        {{ $label }}
    </label>

    <textarea
        id="{{ $name }}"
        name="{{ $name }}"
        rows="3"
        @if($required) required @endif
        {{ $attributes->merge([
            'class' => 'w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm
                        dark:bg-gray-700 dark:text-white focus:outline-none focus:ring-2 focus:ring-blue-500'
        ]) }}
        @if ($attributes->has('x-model')) x-model="{{ $attributes->get('x-model') }}" @endif
    >{{ old($name, trim($slot)) }}</textarea>

    @error($name)
        <p class="text-sm text-red-500 mt-1">{{ $message }}</p>
    @enderror
</div>