{% load i18n %}
{% if self.is_clickable|default:False %}
  <button class="village-btn--tooltip village-btn"
          id="button-{{ self.id }}"
          aria-describedby="{{ self.id }}">
    {% translate "Contextual information" %}
  </button>
{% else %}
  <a class="village-link"
     aria-describedby="{{ self.id }}"
     id="link-{{ self.id }}"
     href="#">
    {{ self.label }}
  </a>
{% endif %}
<span class="village-tooltip village-placement"
      id="{{ self.id }}"
      role="tooltip"
      aria-hidden="true">{{ self.content }}</span>
