{# @description One step of a breadcrumb trail, used inside breadcrumbs. Renders as a link when an href is given, and as the current page otherwise. Attributes other than the ones below land on the list item. #}
{# @prop text:text | description:"The step's label." #}
{# @prop class:text | description:"Extra classes added to the list item." #}
{# @prop href:text | description:"Link address. Without it the step is the current page and not a link." #}
{# @slot — Extra content shown after the label. #}
<c-vars text class href />
<li class="{{ class }}" {{ attrs }}>
  {% if href %}
    <a href="{{ href }}">{{ text }}{{ slot }}</a>
  {% else %}
    <span aria-current="page">{{ text }}{{ slot }}</span>
  {% endif %}
</li>