{# ========================================================================== #}
{# :: Imports #}
{# ========================================================================== #}
{% import "components/back-button.njk" as backButton %}

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

	<div class="bp-c-overlay bp-js-overlay {{classes}}" id="{{data.id}}">
		<div class="bp-c-overlay__nav">
			{{backButton.default("bp-c-overlay__back", {
				text: "Terug naar overzicht",
				overlay: {
					id: data.id,
					type: "close"
				}
			})}}
		</div>

		<div class="bp-c-overlay__content">
			{{data.content | safe}}
		</div>
	</div>

{% endmacro %}