@props([
    'name',
    'label' => null,
    'value' => null,
    'rows' => 3,
    'required' => false,
    'help' => null,
    'spacing' => 'mb-3',
])

@php
    $id = $attributes->get('id', 'field-'.$name);
    $hasError = $errors->has($name);
@endphp

<div class="{{ $spacing }}">
    @if ($label)
        <label for="{{ $id }}" class="form-label">
            {{ $label }}
            @if ($required)<span class="text-danger" aria-hidden="true">*</span>@endif
        </label>
    @endif

    <textarea
        name="{{ $name }}"
        id="{{ $id }}"
        rows="{{ $rows }}"
        @if ($required) required aria-required="true" @endif
        @if ($hasError) aria-invalid="true" aria-describedby="{{ $id }}-error" @endif
        {{ $attributes->merge(['class' => 'form-control'.($hasError ? ' is-invalid' : '')]) }}
    >{{ old($name, $value) }}</textarea>

    @if ($help)<div class="form-text">{{ $help }}</div>@endif

    @error($name)
        <div class="invalid-feedback" id="{{ $id }}-error">{{ $message }}</div>
    @enderror
</div>