{# ========================================================================== #}
{# :: Imports #}
{# ========================================================================== #}
{% import "general/building-blocks/button/button-macros.njk" as button %}

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

	<article class="c-usp {{classes}}">
		<div class="c-usp__content">
			{% if data.icon %}
				<span class="fal fa-{{data.icon}} c-usp__icon"></span>
			{% endif %}

			<h4 class="c-usp__title">{{data.title}}</h4>

			<p class="c-usp__text">{{data.text}}</p>
		</div>

		{% if data.button %}
			{{button.default("c-button--inverted c-usp__button", data.button)}}
		{% endif %}
	</article>

{% endmacro %}