{% macro default(header, icon, subheader) %}
    <div class="header">
        <h1 class="header-title">
            {% if icon is not empty %}
                <i class="fa fa-{{ icon }}"></i>
            {% endif %}
            {{ header }}
        </h1>

        {% if subheader is not empty %}
            <p class="header-subtitle">{{ subheader }}</p>
        {% endif %}
    </div>
{% endmacro %}

{% macro shop(header, icon, subheader) %}
    <div class="title-header-wrapper">
        {% if icon is not empty %}
            <span class="icon-pattern-wrapper">
                {% include ['@SyliusShop/Icons/'~icon~'.html.twig', '@SyliusShop/Icons/fontawesome.html.twig'] with {'icon': icon} %}
            </span>
        {% endif %}
        <div class="header-title">
            <h1 class="h1">{{ header }}</h1>

            {% if subheader is not empty %}
                <p class="header-subtitle lead">{{ subheader|raw }}</p>
            {% endif %}
        </div>
    </div>
{% endmacro %}

