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

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

	<a class="bp-c-nav-button {{classes}}" href="{{data.url}}">
		{{icon.default("bp-c-nav-button__icon", {
			name: data.icon
		})}}

		<div class="bp-c-nav-button__content">
			<span class="bp-c-nav-button__type">{{data.type}}</span>

			<p class="bp-c-nav-button__text">{{data.title}}</p>
		</div>
	</a>

{% endmacro %}