@props([
    'label',
    'name',
    'placeholder' => '',
    'required' => false,
    'tooltip' => null, // Bootstrap tooltip text
    'rows' => 1, // Default rows
])

<div class="form-group">
  <label class="form-label" for="{{ $name }}">
    {{ $label }}
    @if($required)
      <span class="text-red">*</span>
    @endif
  </label>

  <textarea
    name="{{ $name }}"
    id="{{ $name }}"
    rows="{{ $rows }}"
    placeholder="{{ $placeholder }}"
    class="form-control @error($name) is-invalid @enderror"
    wire:model="{{ $attributes->get('wire:model') ?? $name }}"
    @if($tooltip)
      data-bs-toggle="tooltip"
      data-bs-placement="top"
      data-bs-original-title="{{ $tooltip }}"
    @endif
    {{ $attributes->except('wire:model') }}
  >{{ old($name) }}</textarea>

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