{# @description One crumb in a breadcrumb trail. #}
{# @prop text:text | description:"Crumb label text." #}
{# @prop class:text | description:"Extra classes on the li element." #}
{# @prop href:text | description:"Link target; renders an anchor instead of plain text when given." #}
{# @slot — Extra content after the crumb's text. #}
<c-vars text class href />
{% if href %}
  <li class="{{ class }}">
    <a href="{{ href }}" {{ attrs }}><span class="mvp-breadcrumb-text">{{ text }}</span>{{ slot }}</a>
  </li>
{% else %}
  <li class="{{ class }}"><span class="mvp-breadcrumb-text">{{ text }}</span>{{ slot }}</li>
{% endif %}