{{ attach_library('goizueta_theme/research-spotlight-card') }}

{%
  set attributes = attributes ? attributes.addClass('research-spotlight-card')  : ' class="research-spotlight-card"'
%}

<article {{ attributes|raw }}>
  <img class="research-spotlight-card__image" src="{{ card.image_url }}" alt="{{ card.image_alt }} /">
  <div class="research-spotlight-card__content">
    <div class="research-spotlight-card__content--date">
      {{ card.date }}
    </div>
    <div class="research-spotlight-card__content--title-container">
      <h3 class="research-spotlight-card__content--title">
        <a href="{{ card.spotlight_url }}">{{ card.title }}</a>
      </h3>
    </div>
    <div class="research-spotlight-card__content--expert">
      <a href="{{ card.expert_url }}">{{ card.expert }}</a>
    </div>
    <div class="research-spotlight-card__link-read-more">
      <a href="{{ card.spotlight_url }}">{{ card.read_more_text }}</a>
    </div>
  </div>
</article>