{# component: image src {string}: source de l'image alt {string}: texte alternatif de l'image (Defaut: 'Image non disponible') lazyload {boolean|null}: lazyload de l'image (Default: false)#}{% set props = { src: random_src ~ '&sig=' ~ random(), srcWebp: random_src ~ '&sig=' ~ random(), alt: 'Image non disponible', lazyload: true, theme: ''}|merge(props|default({})) %}{% set class = class|default(null) %}<div data-component="image" class="Image-component Image--cover {%- if props.lazyload %} lazyload{% endif %} {%- if class %} {{ class }} {% endif %}"> <picture> <source type="image/webp" srcset="{{ props.srcWebp }}"> <img {% if props.lazyload %} data-src="{{ props.src }}" {% else %} src="{{ props.src }}" {% endif %} class="Image-image {%- if props.lazyload %} lazyload{% endif %}" alt="{{ props.alt }}"/> </picture></div>