@props([
    'label' => null,
    'name',
    'id' => null,
    'rows' => 3,
    'required' => false,
    'hint' => null,
    'maxlength' => null,
])

@php
    $id ??= str_replace('.', '-', $name);
    $invalid = $errors->has($name);
@endphp

<x-ui.field :label="$label" :for="$id" :name="$name" :required="$required" :hint="$hint" {{ $attributes->only('class') }}>
    <textarea
        id="{{ $id }}"
        wire:model="{{ $name }}"
        rows="{{ $rows }}"
        @if ($maxlength) maxlength="{{ $maxlength }}" @endif
        @if ($required) required aria-required="true" @endif
        aria-invalid="{{ $invalid ? 'true' : 'false' }}"
        @if ($invalid) aria-describedby="{{ $id }}-error" @elseif ($hint) aria-describedby="{{ $id }}-hint" @endif
        {{ $attributes->except('class')->class(['form-control']) }}
    ></textarea>
</x-ui.field>