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

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

	<div class="bp-c-urls">
		{% if data.title %}
			<h3 class="bp-c-urls__title">{{data.title | capitalize}}</h3>
		{% endif %}

		<ul class="bp-c-urls__list">
			{% for item in data.children %}

				<li class="bp-c-urls__item">
					<a class="bp-c-urls__name" href="{{item.url}}">
						<span class="bp-c-urls__name-text">{{item.title}}</span>
					</a>

					<button class="bp-c-urls__action">
						{{icon.default("bp-c-urls__action-icon", {
							name: "clipboard"
						})}}
					</button>

					<a target="_blank" class="bp-c-urls__action" href="{{item.url}}">
						{{icon.default("bp-c-urls__action-icon", {
							name: "launch"
						})}}
					</a>
				</li>

			{% endfor %}
		</ul>
	</div>

{% endmacro %}