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

<div class="field {{ $errors->has($name) ? 'has-error' : '' }}">
    <label for="{{ $name }}" class="field-label">
        {{ $label }}
        @if($required)<span class="req">*</span>@endif
    </label>

    <textarea
        name="{{ $name }}"
        id="{{ $name }}"
        rows="{{ $rows }}"
        {{ $attributes->merge(['class' => 'field-input']) }}
    >{{ old($name, $default) }}</textarea>

    @if($hint)
        <p class="field-hint">{{ $hint }}</p>
    @endif

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