{% macro leadBox(modifierClass, boxContent, path, authorPicture, authorName, hasClosingImage = 'false', closing_image, closing_image_alt) %}

<!-- modifierClass = leadBox--box || leadBox--cite || leadBox--text -->
<div class="leadBox 
            {% if (modifierClass == 'box') %} leadBox--box 
            {% elif (modifierClass == 'cite') %} leadBox--cite 
            {% elif (modifierClass == 'textR') %} leadBox--text-right
            {% elif (modifierClass == 'textL') %} leadBox--text-left {% endif %}">

    {% if modifierClass == "cite" %}
        <picture>
            <source type="image/webp" srcset="{{path}}/{{authorPicture}}.webp?format=webp">    
            <source type="image" srcset="{{path}}/{{authorPicture}}?format=webp">    
            <img data-src="{{path}}/{{authorPicture}}?format=webp" class="leadBox__author-image lazyload" width="83" height="83" alt="{{authorName}}">    
        </picture>
    {% endif %}

   <p class="{% if (modifierClass=='cite') %} leadBox__cite {% endif %}">
        {{boxContent}}
        
        {% if modifierClass == "cite" %}
        <span class="leadBox__author-name">{{authorName}}</span>
        {% endif %}
    </p>
    
    {% if hasClosingImage == 'true' %}
    <picture>
        <source type="image/webp" srcset="{{path}}/{{closing_image}}.webp?format=webp">    
        <source type="image" srcset="{{path}}/{{closing_image}}?format=webp">    
        <img data-src="{{path}}/{{closing_image}}?format=webp" alt="{{closing_image_alt}}" class="leadBox__closing-image lazyload">
    </picture>
    {% endif %}

</div>
{% endmacro %}