{# ========================================================================== #}
{# :: Imports #}
{# ========================================================================== #}
{% import "general/components/feedback/feedback-macros.njk" as feedback %}

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

	<div class="c-collapse {{classes}}">
		<div class="c-collapse__header">
			<span class="c-collapse__title">{{data.title}}</span>

			<div class="c-collapse__button">
				<span class="c-collapse__icon"></span>
			</div>
		</div>

		<div class="c-collapse__content">
			{% if data.content %}
				{{data.content | safe}}
			{% endif %}

			{% if data.feedback %}
				{{feedback.default("c-collapse__feedback", {
					text: data.feedback
				})}}
			{% endif %}
		</div>
	</div>

{% endmacro %}