@props([
    'hasLabel' => true,
    'labelText' => '',
    'name' => '',
    'type' => 'text',
    'placeholder' => '',
    'isRequired' => true,
    'isReadonly' => false,
    'value' => '',
    'rows' => 5
])

@if($hasLabel)
    <label for="input-{{$name}}" class="block mb-0.5 text-par-s font-semibold text-lab-pr2">
        {{ $labelText }}
    </label>
@endif

@if(isset($feedbackText))
    <x-forms.valinfo classes="mb-2">
        {{ $feedbackText }}
    </x-forms.valinfo>
@endif

<textarea @if($isReadonly) readonly="true" @endif @if($isRequired) required @endif class="ring-none bg-fill-tr text-lab-pr text-par-s rounded-lg outline-none hover:ring-1 focus:ring-1 focus:ring-brand-900 block w-full min-h-24 px-4 py-3 placeholder:text-lab-sc placeholder:text-par-s" id="input-{{ $name }}" rows="{{ $rows }}" name="{{ $name }}" placeholder="{{ $placeholder }}" {{ $attributes }}>{{ $errors->any() ? old($name) : $value }}</textarea>

@error($name)
    <x-forms.valerr>
        {{ $message }}
    </x-forms.valerr>
@enderror