{{ attach_library('goizueta_theme/faculty-social') }}
{% import '@components/icons/icons.twig' as icons %}
{# Preserve the Drupal attributes if they're available. #}
{%
  set attributes = attributes ? attributes.addClass('faculty-social') : ' class="faculty-social"'
%}

<section {{ attributes|raw }}>
  {% if heading %}
    {%
      include '@components/heading/heading.twig' with {
        "heading": heading
      } only
    %}
  {% endif %}
  {% if faculty_social.twitter or faculty_social.linkedin or faculty_social.personal_links %}
    <ul class="faculty-social__list">
      {% if faculty_social.twitter %}
        <li class="faculty-social__item faculty-social__twitter">
          <a href="{{ faculty_social.twitter }}" class="faculty-social__link">
            <span class="faculty-social__link-icon">{{ icons.get('twitter-blue-bg') }}</span>
            <span class="faculty-social__link-text">{{ 'Twitter'|t }}</span>
          </a>
        </li>
      {% endif %}
      {% if faculty_social.linkedin %}
        <li class="faculty-social__item faculty-social__linkedin">
          <a href="{{ faculty_social.linkedin }}" class="faculty-social__link">
            <span class="faculty-social__link-icon">{{ icons.get('linkedin-blue-bg') }}</span>
            <span class="faculty-social__link-text">{{ 'LinkedIn'|t }}</span>
          </a>
        </li>
      {% endif %}
      {% if faculty_social.personal_links %}
        {% for link in faculty_social.personal_links %}
          <li class="faculty-social__item faculty-social__personal-link">
            <a href="{{ link.uri }}" class="faculty-social__link">{{ link.title }}</a>
          </li>
        {% endfor %}
      {% endif %}
    </ul>
  {% endif %}

</section>