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

{# ========================================================================== #}
{# :: Partial #}
{# ========================================================================== #}
<div class="bp-l-section bp-l-section--sub">
	{% if item.data.title %}
		<header class="bp-l-section__header bp-l-section__header--split-space">
			<h2 class="bp-l-section__title u-h1">{{item.data.title}}</h2>
		</header>
	{% endif %}

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

	<div class="bp-l-section__content">
		{{embed.default("", item.data)}}
	</div>

</div>