{% macro default(header, icon, subheader) %}
    {% if isFrontOffice is defined and isFrontOffice == true %}
        <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>
    {% else %}
        <h1 class="ui header">
            {% if icon is not empty %}
                <i class="circular {{ icon }} icon"></i>
            {% endif %}
            <div class="content">
                {{ header }}
                {% if subheader is not empty %}
                    <div class="sub header">{{ subheader }}</div>
                {% endif %}
            </div>
        </h1>
    {% endif %}
{% 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 %}
