@props([
    'image' => null,
    'logo' => null,
    'alt' => '',
    'size' => 'md',
])

<div {{ $attributes->merge(['class' => 'award-frame award-frame--' . $size]) }}>
    <img
        class="award-frame-wreath"
        src="{{ asset('img/award-symbol.png') }}"
        alt=""
        width="120"
        height="120"
        loading="lazy"
        decoding="async"
        aria-hidden="true"
    >

    <div @class([
        'award-frame-media',
        'award-frame-media--photo' => $image,
        'award-frame-media--logo' => $logo && ! $image,
    ])>
        @if ($image)
            <img
                src="{{ str_starts_with($image, 'img/') ? asset($image) : asset('img/awards/' . $image) }}"
                alt="{{ $alt }}"
                loading="lazy"
                decoding="async"
            >
        @elseif ($logo)
            <img
                src="{{ asset('img/partners/' . $logo) }}"
                alt="{{ $alt }}"
                loading="lazy"
                decoding="async"
            >
        @else
            <img
                class="award-frame-star"
                src="{{ asset('img/star.webp') }}"
                alt=""
                loading="lazy"
                decoding="async"
                aria-hidden="true"
            >
        @endif
    </div>
</div>