{# ========================================================================== #}
{# :: Imports #}
{# ========================================================================== #}
{% import "components/icon.njk" as icon %}

{# ========================================================================== #}
{# :: Private macros _content #}
{# ========================================================================== #}
{% macro _content(data) %}
	{% if data.iconBefore %}
		{{icon.default("bp-c-button__icon", { name: data.iconBefore })}}
	{% endif %}

	<span class="bp-c-button__text">{{data.text}}</span>

	{% if data.iconAfter %}
		{{icon.default("bp-c-button__icon", { name: data.iconAfter })}}
	{% endif %}
{% endmacro %}

{# ========================================================================== #}
{# :: Link #}
{# ========================================================================== #}
{% macro link(classes, data) %}

	<a class="bp-c-button {{classes}}" href="{{data.url}}">
		{{_content(data)}}
	</a>

{% endmacro %}


{# ========================================================================== #}
{# :: Submit #}
{# ========================================================================== #}
{% macro submit(classes, data) %}

	<input class="bp-c-button {{classes}}" type="submit" value="{{data.text}}" />

{% endmacro %}