{# ========================================================================= #}
{# :: Imports #}
{# ========================================================================= #}
{% import "molecules/list/list-macros.njk" as list %}

{# ========================================================================= #}
{# :: Default #}
{# ========================================================================= #}
{% macro default(classes, data) %}
<div class="m-faq-preview m-collapse js-m-collapse {{classes}}" data-is-root="true">

	<div class="m-faq-preview__header m-collapse__header">
		<h5 class="m-faq-preview__header__title">{{data.question}}</h5>
	</div>

	<div class="m-collapse__content m-faq-preview__content">
		<div class="m-collapse__content__container">
      <p>{{data.text | safe}}</p>
		</div>
	</div>

</div>

{% endmacro %}