{# ========================================================================== #}
{# :: Imports #}
{# ========================================================================== #}
{% import "general/building-blocks/button/button-macros.njk" as button %}

{# ========================================================================== #}
{# :: Default #}
{# ========================================================================== #}
{% macro default(classes, data) %}

	<article class="c-summary {{classes}}">
		<a href="#" class="c-summary__link"></a>

		<div class="c-summary__content">
			<div class="c-summary__thumbnail" style="background-image:url('{{data.thumbnail}}')"></div>

			<h6 class="c-summary__date">
				{{data.date}}
			</h6>

			<h4 class="c-summary__title">
				{{data.title}}
			</h4>

			<p class="c-summary__description">
				{{data.description}}
			</p>
		</div>

		{{button.secondary("c-summary__button", {
			text: "lees meer"
		})}}
	</article>

{% endmacro %}