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

<div class="mb-4">
    @if($label)
        <label for="{{ $name }}" class="block mb-2 text-lg font-medium text-brand-text">{{ $label }}</label>
    @endif

    <textarea 
        name="{{ $name }}" 
        id="{{ $name }}"
        rows="{{ $rows }}"
        placeholder="{{ $placeholder }}"
        {{ $required ? 'required' : '' }}
        {{ $attributes->merge(['class' => "w-full border border-brand-light-gray rounded-lg p-3 shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 $class"]) }}
    >{{ old($name, $value) }}</textarea>

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