@props([
    'id' => null,
    'label' => '',
    'name' => '',
    'placeholder' => '',
    'rows' => 3,
    'disabled' => false,
    'required' => false,
    'class' => '',
])

<div class="mb-3">
    @if($label)
        <label for="{{ $id ?: $name }}" class="form-label">
            {{ $label }}
            @if($required)
                <span class="text-danger">*</span>
            @endif
        </label>
    @endif

    <textarea
            placeholder="{{ $placeholder ?: $label ?: '' }}"
            id="{{ $id ?: $name }}"
            name="{{ $name }}"
            rows="{{ $rows }}"
            wire:model.live="{{ $name }}"
            @disabled($disabled)
            @required($required)
            {{ $attributes->merge([
                'class' => "form-control $class " . ($errors->has($name) ? 'is-invalid' : '')
            ]) }}
    ></textarea>

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