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

{# ========================================================================== #}
{# :: Default #}
{# ========================================================================== #}
{% macro default(classes, data) %}
	{% set ext = data.item.extension %}
	{% set isImage = ext === "jpg" or ext === "png" or ext === "svg" %}

	<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" })}}

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

		<div class="bp-c-download-row__actions">
			{% if isImage %}
				{{action.default("bp-c-download-row__action bp-c-download-row__action--fullscreen", {
					iconAfter: "fullscreen",
					text: "View image",
					overlay: {
						id: data.overlayId,
						type: "open"
					}
				})}}
			{% endif %}

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

{% endmacro %}