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

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

	<div class="bp-c-download-row bp-js-download-row {{classes}}">
		<div class="bp-c-download-row__info">
			{{icon.default("bp-c-download-row__icon", { name: "image" })}}

			<a href="{{data.item.path}}" target="_blank" class="bp-c-download-row__link"></a>

			<p class="bp-c-download-row__name">{{data.item.name}}</p>
		</div>

		<div class="bp-c-download-row__actions">
			{{action.link("bp-c-download-row__action bp-c-download-row__action--download", {
				iconAfter: "download",
				text: "Download",
				url: data.item.path
			})}}

			<button class="bp-c-download-row__action bp-c-download-row__copy" data-link="{{data.item.path}}">
				{{icon.default("", { name: "link" })}}
			</button>
		</div>
	</div>

{% endmacro %}