@props(['icon'=>null, 'text'=>null, 'wrap'=>true ])
@isset($text)
<div @if($wrap) class="flex items-center justify-center w-full h-full pt-0.5" @endif>
<div {{ $attributes->merge(['class' => 'rounded-xl pt-0.5 pb-1 px-2.5 max-w-fit text-xs [&_i]:opacity-50 ']) }}>
    <div class="flex items-center justify-center flex-nowrap gap-1">
        @isset($icon)
        <i class="{{$icon}} text-[0.6rem]"></i>
        @endisset
        <span class="text-nowrap traking-wider">{{$text}}</span>
    </div>
</div>
</div>
@else
<div {{ $attributes->merge(['class' => 'rounded-full h-6 w-6 flex items-center justify-center']) }}>
    <i class="{{$icon}}"></i>
</div>
@endisset