@props(['type'=>'button', 'text' => '', 'icon' => 'fa-solid fa-caret-right', 'disabled'=>false])
<button  @disabled($disabled) {{ $attributes->merge(['class' => 'text-xs text-primary-700 hover:opacity-80 disabled:opacity-40 underline 00[&>span>span]:tracking-wider', 'type'=>$type]) }} >
    <span><i class="{{$icon}} mr-1.5"></i><span class="">{{$text}}</span></span>
</button>