{%- capture title %}
  {% if type == 'repost-of' %}
    Reposts
  {% elsif type == 'like-of' %}
    Likes
  {% endif %}
{% endcapture -%}
{% if mentions[type].size > 0 %}
  <h2 class="text-lg md:text-xl font-black leading-tight dark:text-gray-200">{{ title }}</h2>
  <div class="flex flex-row items-center mt-4 mb-6">
    <ul class="ml-3 flex flex-row flex-wrap">
      {% for mention in mentions[type] %}
        <li class="-ml-3 inline">
          <a href={{mention.url}}>
            <div class="bg-gray-900 dark:bg-white h-14 w-14 border-4 border-white dark:border-gray-900 transition-all ease-in-out duration-300 hover:border-blue-800 dark:hover:border-blue-200 rounded-full overflow-hidden">
              {% image mention.author.photo, mention.author.name %}
            </div>
          </a>
        </li>
      {% endfor %}
    </ul>
  </div>
{% endif %}