@props([
     'label'        =>  '',
     'name'         => '',
     'id'           =>  '',
     'placeholder'  => '',
     'value'        => '',
     'className'    => '',
     'groupClass'   => 'col-md-12',
     'required'     => false,
     'disabled'     => false,
     'readonly'     => false,
     'onkeypress'   => false,
    ])
    
<div {{ $attributes->merge(['class' => 'f '.$groupClass ]) }}>
    <label for="{{ str_replace(' ', '', $label) }}" {{ $attributes->merge(['class' => 'block mt-2']) }}>{{ $label }}
        <span class="text-red-600 {{ $required == true ? '' : 'hidden' }} ">*</span>
    </label>
    <textarea
           {{ $attributes->merge(["class" => 'form-control '.$className  ]) }}
           id="{{ $id }}" 
           name= "{{ $name }}"
           placeholder="{{ $placeholder }}"
           value="{{ $value }}"
           {{ $required == true ? 'required' : '' }}
           {{ $disabled == true ? 'disabled' : '' }}
           {{ $readonly == true ? 'readonly' : '' }}
           onkeypress="{{ $onkeypress == true ? $onkeypress : ''}}"
    ></textarea>
        
    @error($name)
        <div class="mt-2 text-sm text-red-600 dark:text-red-500">  {{ $message }} </div>
    @enderror
</div>