{# @description A breadcrumb trail, from an items list or hand-written item children. #}
{# @prop items:text | description:"List of attribute dicts, one per crumb; wins over child c-breadcrumbs.item tags." #}
{# @prop class:text | description:"Extra classes on the nav element." #}
{# @slot Hand-written c-breadcrumbs.item children — Rendered when items is not given. #}
{% load i18n %}
<c-vars items class />
{% comment %}
  `only` on the item is load-bearing: it shares the `class` prop name with
  this component, and without `only` inherits the trail's class onto every <li>.
{% endcomment %}
<nav class="breadcrumbs text-sm {{ class }}"
     aria-label="{% trans "Breadcrumbs" %}"
     {{ attrs }}>
  <ul>
    {% if items %}
      {% for item in items %}<c-breadcrumbs.item :attrs="item" only />{% endfor %}
    {% else %}
      {{ slot }}
    {% endif %}
  </ul>
</nav>