@php
    $size = $size ?? 'md';
    $alt = $alt ?? 'Bank of America';
    $class = trim((string) ($class ?? ''));
    $heightClass = match ($size) {
        'sm' => 'h-7 max-h-7',
        'lg' => 'h-10 max-h-10',
        default => 'h-9 max-h-9',
    };
    $padClass = match ($size) {
        'sm' => 'p-1',
        'lg' => 'p-2.5',
        default => 'p-2',
    };
    $maxWidthClass = match ($size) {
        'sm' => 'max-w-[100px]',
        'lg' => 'max-w-[min(220px,48vw)]',
        default => 'max-w-[min(200px,42vw)]',
    };
    $transparentPath = public_path('images/bank-of-america-logo-transparent.png');
    $hasTransparentAsset = is_file($transparentPath);
    $logoSrc = $hasTransparentAsset
        ? asset('images/bank-of-america-logo-transparent.png')
        : asset('images/bank-of-america-logo.png');
@endphp

@once
    <style>
        .boa-logo-mark__img--knockout {
            mix-blend-mode: screen;
        }
    </style>
@endonce

<div class="boa-logo-mark shrink-0 rounded-lg bg-white {{ $padClass }} shadow-sm ring-1 ring-white/30 {{ $class }}">
    <img
        src="{{ $logoSrc }}"
        alt="{{ $alt }}"
        class="boa-logo-mark__img {{ $heightClass }} w-auto {{ $maxWidthClass }} object-contain object-left block {{ $hasTransparentAsset ? '' : 'boa-logo-mark__img--knockout' }}"
        width="200"
        height="48"
        loading="{{ $size === 'sm' ? 'lazy' : 'eager' }}"
        decoding="async"
    >
</div>