{% load ui_classes ui_props %}

<c-vars bleed="False" src=""
        alt=""
        fit="cover"
        loading="lazy"
        decoding="async"
        class=""
        image_class="" />
{% ui_class "ui.image" "root" bleed=bleed|ui_bool 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="{{ image_class_resolved }}"
         data-ui-image-img
         {{ attrs }}>
</span>