@props([
  'title' => null,
  'subtitle' => null,
  'actions' => null,
  'padded' => true,
])
<section {{ $attributes->merge(['class' => 'cmu-card p-0']) }}>
  @if($title || $subtitle || $actions)
    <header class="px-6 py-4 border-b border-gray-200 flex items-start justify-between gap-4">
      <div class="min-w-0 space-y-1">
        @if($title)
          <h2 class="font-display text-xl font-semibold text-cmu-green-900 leading-tight">{{ $title }}</h2>
        @endif
        @if($subtitle)
          <p class="text-sm text-cmu-ink">{{ $subtitle }}</p>
        @endif
      </div>
      @if($actions)
        <div class="flex items-center gap-2 shrink-0">{{ $actions }}</div>
      @endif
    </header>
  @endif
  <div @class(['p-6' => $padded, 'p-0' => ! $padded])>
    {{ $slot }}
  </div>
</section>