{% from 'components/big-number.html' import big_number %}

{% macro pill(
  title,
  items=[],
  current_value=None,
  big_number_args={'smaller': True}
) %}
  <nav role='navigation' class='pill' aria-labelledby="pill_{{title}}">
    <h2 id="pill_{{title}}" class="visuallyhidden">{{title}}</h2>
    {% for label, option, link, count in items %}
      {% if current_value == option %}
        <span aria-hidden="true">
      {% else %}
        <a href="{{ link }}">
      {% endif %}
        {{ big_number(count, **big_number_args) }}
        <div class="pill-label">{{ label }}</div>
      {% if current_value == option %}
        </span>
      {% else %}
        </a>
      {% endif %}
    {% endfor %}
  </nav>
{% endmacro %}