{# ========================================================================= #}
{# :: Imports #}
{# ========================================================================= #}

{# ========================================================================= #}
{# :: Default #}
{# ========================================================================= #}
{% macro default(classes, data) %}
  <div class="m-map js-m-map {{classes}}">

    {# image is used as bg imae but it is necessary to keep it in the dom for SEO #}
    <img
		class="m-map__visual"
		src="/assets/images/article/map.png"
		width="1180"
		height="1134"
		alt="map"
		loading="lazy"
	/>

    {% for i in range(0, 9) %}
		<img
			class="m-map__pin"
			src="/assets/images/mock/pin.svg"
			width="26"
			height="34"
			alt="pin"
			loading="lazy"
		/>
    {% endfor %}
  </div>
{% endmacro %}