{# ========================================================================= #}
{# :: Imports #}
{# ========================================================================= #}
{% import "atoms/label/label-macros.njk" as label %}
{% import "molecules/list/list-macros.njk" as list %}

{# ========================================================================= #}
{# :: Default #}
{# ========================================================================= #}
{% macro default(classes, data) %}
  <article class="m-article-preview {{classes}}">
    <div class="m-article-preview__container">

		{% if data.link %}
			<a class="m-article-preview__link" href="{{data.link}}" target="blank" aria-label="article">
		{% endif %}

		<div class="m-article-preview__picture">
			<img
				class="m-article-preview__image"
				src="{{data.image}}"
				width="600"
				height="400"
				alt=""
				loading="lazy"
			/>
		</div>

		<div class="m-article-preview__content">

			{% if data.label %}
				{{label.default("a-label--primary m-article-preview__label", data.label)}}
			{% endif %}

			<h4 class="m-article-preview__content__title">
				{{ data.title }}
			</h4>

			{% if data.date %}
				<span class="m-article-preview__date">{{data.date}}</span>
			{% endif %}

			<p>
				{{ data.description | safe }}
			</p>
		</div>

		{% if data.link %}
			</a>
		{% endif %}
    </div>

    {{list.withLinks("m-article-preview__links", data.links)}}
  </article>

{% endmacro %}