<nav class="g-breadcrumbs">
<ul class="g-breadcrumbs__list d-flex row-gap-2 column-gap-4 flex-wrap align-items-center py-2">
{% include "@Components/items/breadcrumb-item/breadcrumb-item.twig" with {props: {
url: props.homepage,
variant: "homepage"
}} %}
{% for item in props.items %}
{% include "@Components/items/breadcrumb-item/breadcrumb-item.twig" with {props: item} %}
{% endfor %}
{% include "@Components/items/breadcrumb-item/breadcrumb-item.twig" with {props: {
title: props.title,
variant: "current",
}} %}
</ul>
</nav>