@props(['name', 'label' => '', 'ishorizontal' => false, 'haslabel' => true])
<div
    class="flex {{ $ishorizontal ? 'flex-row items-center space-x-3' : 'flex-col items-start space-y-2' }} justify-start w-full">
    @if ($haslabel)
        <label for="{{ $name }}"
            class="block text-sm text-gray-500 dark:text-gray-200">{{ $label }}:</label>
    @endif
    <textarea name="{{ $name }}"
        class="bg-gray-50 dark:bg-input-bg text-gray-900 dark:text-gray-300 text-sm rounded-lg block w-full p-2.5"
        {{ $attributes }}></textarea>
    <div>
        @error($name)
            <span class="error-text">{{ $message }}</span>
        @enderror
    </div>
</div>
