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

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

	<div class="bp-c-folder-thumb bp-js-folder-thumb {{classes}}">
		<div
			class="bp-c-folder-thumb__placeholder"
		>
			{{icon.default("bp-c-folder-thumb__placeholder-icon", { name: "folder" })}}
		</div>

		<div class="bp-c-folder-thumb__info">
			<p class="bp-c-folder-thumb__name">{{data.title}}</p>

			<div class="bp-c-folder-thumb__files">
				{% for file in data.files %}
					<span class="bp-c-folder-thumb__file">{{file.path}}</span>
				{% endfor %}
			</div>

			<a class="bp-c-folder-thumb__action" href="#">
				{{icon.default("", { name: "download" })}}
			</a>
		</div>
	</div>

{% endmacro %}