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

{# ========================================================================= #}
{# :: Default #}
{# ========================================================================= #}
{% macro default(classes, data) %}
<article class="m-article-tile js-m-article-tile {{classes}}" tabindex="-1">
	<img
		class="m-article-tile__image"
		src="/assets/images/mock/iphone.jpg"
		width="310"
		height="240"
		alt="iphone"
		loading="lazy"
	/>

	<a href="/" class="m-article-tile__link" target="_blank">
		<div class="m-article-tile__content">
			{{label.default("", data.label)}}

			<h4>{{data.title}}</h4>

			<p>{{data.description}}</p>
		</div>
	</a>
</article>
{% endmacro %}