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

{# ========================================================================= #}
{# :: Default #}
{# ========================================================================= #}
{% macro default(classes, data) %}
	<article class="m-article-download {{classes}}">
		<div class="m-article-download__content">
			<picture class="m-article-download__picture">
				<img class="m-article-download__image" src="{{data.image}}" alt="{{data.title}}" title="{{data.title}}" />
			</picture>

			<h3 class="m-article-download__content__title">
				{{ data.title }}
			</h3>

			{% if data.label %}
				<strong class="m-article-download__label">{{data.label}}</strong>
			{% endif %}

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

		<div class="m-article-download__actions">
			{% if data.links %}
				{{list.withLinks("m-article-download__links", data.links)}}
			{% endif %}

			{{button.default("m-article-download__button", {
				text: "lespakket bewaren",
				icon: {before: "icon-download"}
			})}}
		</div>
	</article>
{% endmacro %}