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

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

	{% if data.buttons %}
	<a class="m-article-featured__picture" href="https://google.com" target="blank">
		<img
			 class="m-article-featured__image"
			 src="/assets/images/mock/iphone.jpg"
			 alt="iphone"
			 width="800"
			 height="600"
			 loading="lazy"
		/>
	</a>
	{% else %}
	<a class="m-article-featured__link" href="https://google.com" target="blank">
		<div class="m-article-featured__picture">
			<img
				class="m-article-featured__image"
				src="/assets/images/mock/iphone.jpg"
				alt="iphone"
				width="800"
				height="600"
				loading="lazy"
			/>
		</div>
	{% endif %}

	<div class="m-article-featured__content">
		<h2 class="m-article-featured__content__title">{{ data.title }}</h2>

		<p class="m-article-featured__content__text">{{ data.description }}</p>

		{{data.buttons}}
	</div>

	{% if not data.buttons %}
	</a>
	{% endif %}
</article>

{% endmacro %}