{# ========================================================================== #}
{# :: Section #}
{# ========================================================================== #}
{#
	Sub section to display the different assets based on the type defined in
	the CMS.
#}

{# ========================================================================== #}
{# :: Imports #}
{# ========================================================================== #}
{% import "components/gallery.njk" as gallery %}
{% import "components/image-carousel.njk" as imageCarousel %}

{# ========================================================================== #}
{# :: Partial #}
{# ========================================================================== #}
<div class="bp-l-section bp-l-section--sub">
	<div class="bp-l-section__content">

		{% if item.data.type === "slideshow" %}

			{{imageCarousel.default("bp-js-image-carousel", {
				items: item.data.images,
				downloadable: false
			})}}

		{% else %}

			{{gallery.default("", {
				grid: item.data.type,
				items: item.data.images
			})}}

		{% endif %}
	</div>
</div>