{#
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(),
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 %}">
<img {% if props.lazyload %} data-src="{{ props.src }}" {% else %} src="{{ props.src }}" {% endif %} class="Image-image {%- if props.lazyload %} lazyload{% endif %}" alt="{{ props.alt }}"/>
</div>