@props(['title', 'subtitle' => null])
<div class="crm-bleed crm-fade-in">
  <div class="crm-hero">
    <div class="flex flex-wrap items-start justify-between gap-4">
      <div class="min-w-0">
        <h1 class="crm-hero-title">{{ $title }}</h1>
        @if($subtitle)<p class="crm-hero-sub">{{ $subtitle }}</p>@endif
      </div>
      @isset($actions)
        <div class="flex flex-wrap items-center gap-2">{{ $actions }}</div>
      @endisset
    </div>
    @isset($stats)
      <div class="crm-stat-rail mt-5">{{ $stats }}</div>
    @endisset
    @isset($filters)
      <div class="mt-4">{{ $filters }}</div>
    @endisset
  </div>
  {{ $slot }}
</div>