{{ attach_library('goizueta_theme/slate-event-card') }}

<article class="slate-event-card">
  <div class="slate-event-card__inner">
    <div class="slate-event-card__date-container">
      <div class="slate-event-card__day">{{ date.day }}</div>
      <div class="slate-event-card__month">{{ date.month }}</div>
      <div class="slate-event-card__date">{{ date.date }}</div>
    </div>
    <div class="slate-event-card__right-content">
      <div class="slate-event-card__event-details">
        <div class="slate-event-card__title">{{ event_title }}</div>
        <div class="slate-event-card__time">{{ time }}</div>
      </div>

      {% if button %}
      <div class="slate-event-card__event-schedule">
        {%
          include '@components/button/button.twig' with {
            "button": {
              "text": button.text,
              "url": button.url,
              "classes": 'button--light'
            }
          } only
        %}
      </div>
      {% endif %}
    </div>
  </div>
</article>