{{ attach_library('goizueta_theme/engage-card-video') }}
{% import '@components/icons/icons.twig' as icons %}
{%
  set attributes = attributes ? attributes.addClass('engage-card-video') : ' class="engage-card-video"'
%}

<article{{ attributes|raw }}>
  {% if video %}
    <div class="engage-card__video">
      <a href="{{ video.url }}" class="engage__video-link" data-lity aria-label="Link to open video">
        {{ video.poster }}
        <span class="engage__icon-wrapper">
        {{ icons.get('play', 'engage__play-icon') }}
      </span>
      </a>
    </div>
  {% endif %}
  {% if title %}
    {%
      include '@components/heading/heading.twig' with {
        "heading": {
          "title_light": title,
          "heading_level": 3,
          "classes": 'engage-card__title'
        }
      } only
    %}
  {% endif %}

  {% if body %}
    <div class="engage-card__body">
      {{ body }}
    </div>
  {% endif %}

</article>