@props(['disabled' => false, 'label' => null])

<div>
    @if ($label)
        <label class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400">
            {{ $label }}
        </label>
    @endif
    <textarea
        {{ $disabled ? 'disabled' : '' }}
        {!! $attributes->merge([
            'class' =>
                'w-full rounded-lg border border-gray-300 bg-transparent px-4 py-2.5 text-sm text-gray-800 placeholder:text-gray-400 shadow-theme-xs focus:border-brand-300 focus:outline-hidden focus:ring-3 focus:ring-brand-500/10 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-700 dark:bg-gray-900 dark:text-white/90 dark:placeholder:text-white/30 dark:focus:border-brand-800',
        ]) !!}
    ></textarea>
    <p class="text-theme-xs text-error-500">{{ $errors->first($attributes->get('wire:model')) }}</p>

</div>