{% macro api_key(key, name, thing="API key") %}
  {% if name|lower == thing|lower %}
    <h2 class="api-key__name">
      {{ name }}
    </h2>
  {% endif %}
  <div data-module="api-key" data-key="{{ key }}" data-thing="{{ thing }}" data-name="{{ name }}">
    <span class="api-key__key">
      {% if name|lower != thing|lower %}<span class="govuk-visually-hidden">{{ thing }}: </span>{% endif %}{{ key }}
    </span>
    <span class="api-key__notice" aria-live="assertive"></span>
  </div>
{% endmacro %}