<div class="ui secondary segment">
    <div class="ui equal width grid">
        {% for item in element.collection %}
            <div class="column center aligned">
                <{% if item.link is defined and item.link.link is not empty %}a href="{{ item.link.link }}"{% else %}div{% endif %} class="block-icon-text">
                    {% include ['@SyliusShop/Icons/'~item.icon.icon~'.html.twig', '@SyliusShop/Icons/fontawesome.html.twig'] with { 'icon': item.icon.icon } %}
                    <p class="text">{{ item.text.content|raw }}</p>
                </{% if item.link is defined and item.link.link is not empty %}a{% else %}div{% endif %}>
            </div>
        {% endfor %}
    </div>
</div>

{% if element.width is defined %}
    <div class="ui divider"></div>
    <div class="ui label"><i class="arrows alternate horizontal icon"></i> {{ element.width }}%</div>
{% endif %}
