{# ========================================================================== #}
{# :: Embed #}
{# ========================================================================== #}
{#
	Sub section to display an embed code like an iframe for tools or videos.
#}

{# ========================================================================== #}
{# :: Imports #}
{# ========================================================================== #}
{% import "components/wysiwyg.njk" as wysiwyg %}

{# ========================================================================== #}
{# :: Variables #}
{# ========================================================================== #}
{% set overlayId = item.data.title | replace(" ", "-") | lower %}

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

	<section class="bp-l-section bp-l-section--sub">
		<header class="bp-l-section__header bp-l-section__header--split-space">
			<h2 class="bp-l-section__title u-h1">{{data.title}}</h2>
		</header>

		{% if item.data.description %}
			<div class="bp-l-section__content bp-s-wysiwyg-default">
				{{wysiwyg.default("", {
					content: data.description
				})}}
			</div>
		{% endif %}

		<div class="bp-l-section__content">
			{{data.html | safe}}
		</div>
	</section>

{% endmacro %}