@props([
    'path' => null,
    'context' => 'content',
    'alt' => '',
    'class' => '',
    'loading' => 'lazy',
    'fetchpriority' => null,
    'width' => null,
    'height' => null,
])

@php
    $img = site_responsive_image(is_string($path) ? $path : null, $context);
@endphp

@if ($img['src'] !== '')
    <img
        src="{{ $img['src'] }}"
        @if ($img['srcset']) srcset="{{ $img['srcset'] }}" @endif
        @if ($img['sizes']) sizes="{{ $img['sizes'] }}" @endif
        alt="{{ $alt }}"
        @if ($class) class="{{ $class }}" @endif
        loading="{{ $loading }}"
        @if ($fetchpriority) fetchpriority="{{ $fetchpriority }}" @endif
        decoding="async"
        @if ($width) width="{{ $width }}" @endif
        @if ($height) height="{{ $height }}" @endif
        {{ $attributes->except(['path', 'context', 'alt', 'class', 'loading', 'fetchpriority', 'width', 'height']) }}
    />
@endif