{% trans_default_domain 'others' %}
<div {{ attributes.defaults(stimulus_controller(this.shortName)) }}>
   <div class="header" data-live-ignore>
      {% if this.username %}
         <p class="username">{{ this.username }}</p>
      {% endif %}
      <p class="title">{{ this.title|default('follow.us'|trans) }}</p>

      {% if this.show_subtitle %}
         <p class="subtitle">{{ this.subtitle|default('first.news'|trans) }}</p>
      {% endif %}

      {% if this.show_social_icons %}
         <twig:SocialIcons/>
      {% endif %}
   </div>

   {% if this.visible %}
      <div id="instafeed" class="instafeed">
         {% for post in this.posts %}
            <a href="{{ post.link }}" target="_blank" rel="noreferrer" class="instafeed-item">
               <img src="{{ post.image_standard.url }}" alt="{{ post.caption[:100] ~ '…' }}" width="{{ post.image_standard.width }}"
                    height="{{ post.image_standard.height }}"/>
               <twig:ux:icon name="instagram" class="c-icon"/>
            </a>
         {% endfor %}
      </div>
   {% endif %}
</div>
