{# @description A breadcrumb trail. Pass items to build it from data, or fill the default slot with breadcrumbs.item components; each item is one step of the trail. #}
{# @prop items:text | description:"A list of dictionaries, each holding the attributes of one breadcrumbs.item (text, href, class). When given, the default slot is not shown." #}
{# @prop class:text | description:"Extra classes added to the trail." #}
{# @prop aria-label:text | description:"Accessible name of the trail. Defaults to a translated Breadcrumbs." #}
{# @slot — The trail's steps, as breadcrumbs.item components. Shown when no items are passed. #}
{% load i18n %}
<c-vars items class aria-label />
{# `only` is load-bearing: a Cotton child reads a prop it wasn't given (here `class`) from the parent, so every <li> would get the trail's class (#3). #}
<nav class="breadcrumbs {{ class }}"
     aria-label="{% if aria_label %}{{ aria_label }}{% else %}{% trans "Breadcrumbs" %}{% endif %}"
     {{ attrs }}>
  <ul>
    {% if items %}
      {% for item in items %}<c-breadcrumbs.item :attrs="item" only />{% endfor %}
    {% else %}
      {{ slot }}
    {% endif %}
  </ul>
</nav>