@props(['title' => null, 'padded' => true])

<section {{ $attributes->merge(['class' => 'bg-surface border border-line-soft rounded-card']) }}>
    @if ($title || isset($actions))
        <header class="flex items-center gap-3 px-4 py-3 border-b border-line-soft">
            @if ($title)
                <h3 class="text-[13px] font-semibold text-ink">{{ $title }}</h3>
            @endif
            @isset($actions)
                <div class="ml-auto flex items-center gap-2">{{ $actions }}</div>
            @endisset
        </header>
    @endif

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