@props([
    'cardClass' => 'bg-background border border-input rounded-xl',
    'headerClass' => 'overflow-hidden rounded-t-xl border-b border-input',
    'headerInnerClass' => 'flex flex-wrap items-stretch gap-0 bg-background',
    'tabsClass' => 'flex max-w-full flex-wrap items-stretch gap-0',
    'actionsClass' => 'ms-auto flex items-center gap-3 px-5',
    'contentClass' => 'p-6',
])

@php
    $tabsSlot = isset($tabs) ? trim((string) $tabs) : '';
    $actionsSlot = isset($actions) ? trim((string) $actions) : '';
@endphp

<div {{ $attributes->class($cardClass) }}>
    @if($tabsSlot !== '' || $actionsSlot !== '')
        <div class="{{ $headerClass }}">
            <div class="{{ $headerInnerClass }}">
                @if($tabsSlot !== '')
                    <div class="{{ $tabsClass }}">
                        {{ $tabs }}
                    </div>
                @endif

                @if($actionsSlot !== '')
                    <div class="{{ $actionsClass }}">
                        {{ $actions }}
                    </div>
                @endif
            </div>
        </div>
    @endif

    <div class="{{ $contentClass }}">
        {{ $slot }}
    </div>
</div>