{# ========================================================================= #}
{# :: Imports #}
{# ========================================================================= #}

{# ========================================================================= #}
{# :: Default #}
{# ========================================================================= #}
{% macro default(classes, data) %}
<div class="m-video js-m-video {{classes}}">
	<div class="m-video__container">
		<img
			class="m-video__placeholder"
			src="{{data.image}}"
			alt="{{data.imageTitle}}"
			title="{{data.imageTitle}}"
		/>

		<iframe
			class="js-m-video__video m-video__video"
			frameborder="0"
			allowfullscreen="allowfullscreen"
			title="video"
			data-src="{{data.link}}">
		</iframe>

		<div class="m-video__content l-container l-container-2x-s">
			<h2 class="m-video__content__title">{{data.title}}</h2>

			<p class="m-video__content__text">{{data.text}}</p>

			<button class="icon-play m-video__button js-m-video__button" aria-label="play"></button>
		</div>
	</div>
</div>
{% endmacro %}