{% load ui_classes %}

<c-vars src=""
        alt=""
        fit="cover"
        loading="lazy"
        decoding="async"
        class=""
        image_class="" />
{% ui_class "ui.image" "root" class=class as root_class %}
{% ui_class "ui.image" "image" fit=fit class=image_class as image_class_resolved %}
<span data-ui-image class="{{ root_class }}">
    <img src="{{ src }}"
         alt="{{ alt }}"
         loading="{{ loading }}"
         decoding="{{ decoding }}"
         class="outline outline-1 -outline-offset-1 outline-black/10 dark:outline-white/10 {{ image_class_resolved }}"
         data-ui-image-img
         {{ attrs }}>
</span>