2024-02-22 10:53:25 +00:00
|
|
|
<div @class([
|
|
|
|
|
'h-20 transition-all duration-150 box-without-bg bg-coolgray-100 group border-l-2 border-transparent',
|
|
|
|
|
'hover:border-coollabs cursor-pointer' => !$upgrade,
|
|
|
|
|
'hover:border-red-500 cursor-not-allowed ' => $upgrade,
|
|
|
|
|
]) @if (!$upgrade) wire:click={{ $wire }} @endif>
|
2024-02-20 14:07:12 +00:00
|
|
|
<div class="flex items-center">
|
|
|
|
|
{{ $logo }}
|
|
|
|
|
<div class="flex flex-col pl-2 ">
|
|
|
|
|
<div class="text-white text-md">
|
|
|
|
|
{{ $title }}
|
|
|
|
|
</div>
|
2024-02-22 10:53:25 +00:00
|
|
|
@if($upgrade)
|
|
|
|
|
<div class="text-neutral-500">{{ $upgrade }}</div>
|
|
|
|
|
@else
|
|
|
|
|
<div class="hidden text-xs font-bold text-neutral-500 group-hover:flex">
|
|
|
|
|
{{ $description }}
|
|
|
|
|
</div>
|
|
|
|
|
@endif
|
2024-02-20 14:07:12 +00:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@isset($documentation)
|
|
|
|
|
<div class="flex-1"></div>
|
|
|
|
|
<div class="flex items-center px-2 " title="Read the documentation.">
|
|
|
|
|
<a class="p-2 rounded hover:bg-coolgray-200 hover:no-underline group-hover:text-white text-neutral-600"
|
|
|
|
|
onclick="event.stopPropagation()" href="{{ $documentation }}" target="_blank">
|
|
|
|
|
Docs
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
@endisset
|
2024-02-22 10:53:25 +00:00
|
|
|
|
2024-02-20 14:07:12 +00:00
|
|
|
</div>
|
