@props([
    'title' => null,
    'subtitle' => null,
    'padding' => 'p-6',
    'glow' => false,
])

<div {{ $attributes->merge([
    'class' => 'zylo-panel overflow-hidden '.($glow ? 'shadow-glow' : ''),
]) }}>
    @if ($title || $subtitle || isset($actions))
        <div class="flex items-start justify-between gap-4 px-6 pt-5 pb-4">
            <div class="min-w-0">
                @if ($title)
                    <h3 class="font-display text-base font-semibold text-silver-100">
                        {{ $title }}
                    </h3>
                @endif

                @if ($subtitle)
                    <p class="mt-1 text-sm text-silver-400">{{ $subtitle }}</p>
                @endif
            </div>

            @isset($actions)
                <div class="flex shrink-0 items-center gap-2">{{ $actions }}</div>
            @endisset
        </div>

        <div class="zylo-divider"></div>
    @endif

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