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

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

	<div class="c-flyout js-flyout {{classes}}">
		<div class="c-flyout__trigger {{data.trigger.classes}}">
			{{data.trigger.content | safe}}
		</div>

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

{% endmacro %}