{% if this.articles %}
   <div {{ attributes }}>
      <div class="articles">
         {% for item in this.articles %}
            <twig:block name="content">
               {% if this.innerComponent == 'SquareBasicItem' %}
                  <twig:block name="SquareBasicItem">
                     <twig:ArticlesList:SquareBasicItem article="{{ item }}" lazyImg="{{ this.lazyImg }}" />
                  </twig:block>
               {% elseif this.innerComponent == 'LineItem' %}
                  <twig:block name="LineItem">
                     <twig:ArticlesList:LineItem article="{{ item }}" lazyImg="{{ this.lazyImg }}" />
                  </twig:block>
               {% else %}
                  <twig:block name="SquareItem">
                     <twig:ArticlesList:SquareItem article="{{ item }}" lazyImg="{{ this.lazyImg }}" />
                  </twig:block>
               {% endif %}
            </twig:block>
         {% endfor %}
      </div>
   </div>
{% endif %}
