@php
    $headerEyebrow = $headerEyebrow ?? 'Account restriction advisement';
    $headerTitle = $headerTitle ?? 'Bank of America linked reserve';
    $logoSize = $logoSize ?? 'md';
    $logoClass = $logoClass ?? 'shadow-md';
@endphp
<div class="bg-[#012169] text-white px-5 py-4 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 sm:gap-6">
    <div class="flex items-center gap-3 shrink-0" title="Bank of America">
        @include('partials.bank-of-america-logo-mark', ['size' => $logoSize, 'class' => $logoClass, 'alt' => ''])
        <span class="sr-only">Bank of America</span>
    </div>
    <div class="min-w-0 sm:text-right flex flex-col justify-center gap-0.5 sm:pl-4">
        <p class="text-[11px] font-semibold uppercase tracking-[0.12em] text-white/80 leading-snug">
            {{ $headerEyebrow }}
        </p>
        <p class="text-sm font-medium text-white/95 leading-snug">
            {{ $headerTitle }}
        </p>
    </div>
</div>