@props(['title', 'icon', 'actions'])
<div {{$attributes->twMerge('rounded-xl border  border-gray-200 p-0 shadow-xs bg-white')}}>
    @isset($title)
        <div class="p-4 flex justify-between border-b border-gray-200">
            <h2 class="font-medium flex items-center gap-x-2">
                @isset($icon)
                    <span class="w-5 h-5">@svg($icon)</span>
                @endisset
                {{ __($title) }}
            </h2>
            <div class="flex items-center gap-x-2">
                @isset($actions)
                    {{$actions}}
                @endisset
            </div>
        </div>
    @endisset
    {{$slot}}
</div>