@props([
  'eyebrow' => null,
  'description' => null,
  'actions' => null,
  'agence' => false,
])
<header class="mb-8 flex items-start gap-6 flex-wrap">
  <div class="flex-1 min-w-0 space-y-3">
    @if($eyebrow)
      <div class="cmu-eyebrow">{{ $eyebrow }}</div>
    @endif
    <h1 class="cmu-title">{{ $slot }}</h1>
    @if($agence)
      <div class="text-[11px] font-semibold tracking-[0.14em] uppercase text-cmu-gold-600">{{ config('cmu.agence.sigle') }}</div>
    @endif
    @if($description)
      <p class="text-cmu-ink text-base max-w-3xl leading-relaxed">{{ $description }}</p>
    @endif
  </div>
  @if($actions)
    <div class="flex items-center gap-2 shrink-0">
      {{ $actions }}
    </div>
  @endif
</header>