@props([
    'header' => null,
    'footer' => null,
    'actions' => null,
    'padded' => true,
    'hover' => true,
])
<div {{ $attributes->merge(['class' => 'card-glass' . ($hover ? ' card-glass-hover' : '')]) }}>
    @if($header ?? false)
        <div class="flex items-center justify-between gap-3 px-5 py-4 border-b border-neutral/30">
            <div class="min-w-0 flex-1">{{ $header }}</div>
            @if($actions ?? false)
                <div class="flex items-center gap-2 shrink-0">{{ $actions }}</div>
            @endif
        </div>
    @endif

    <div class="{{ $padded ? 'p-5' : '' }}">
        {{ $slot }}
    </div>

    @if($footer ?? false)
        <div class="px-5 py-3 border-t border-neutral/30 text-sm text-base/80">
            {{ $footer }}
        </div>
    @endif
</div>