@props(['id', 'label', 'model', 'placeholder' => null, 'required' => false, 'rows' => 4])

<div>
    <label for="{{ $id }}" class="block text-sm font-medium text-gray-700 mb-1">
        {{ $label }}
        @if ($required)
            <span class="text-red-500">*</span>
        @endif
    </label>

    <textarea id="{{ $id }}" name="{{ $id }}" x-model="{{ $model }}" rows="{{ $rows }}"
        {{ $required ? 'required' : '' }} placeholder="{{ $placeholder }}"
        class="block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 sm:text-sm resize-y"></textarea>
</div>