{%- set class_name = [
"i-breadcrumb",
"d-flex",
"align-items-center",
"u-color-primary u-posr u-fz-sm",
props.variant in ['homepage', 'current'] ? '--' ~ props.variant : null
]|join(' ')|trim -%}
{%- set attrs = [
'class="' ~ class_name ~ '"',
] -%}
{%- set attrs = attrs|join(' ')|trim -%}
<li {{ attrs|raw }}>
{% if props.variant == "current" %}
<span class="u-fw-400 u-color-primary-300">
{{ com_props.title }}
</span>
{% else %}
{% include "@Components/link/link.twig" with {props: {
title: props.title,
url: props.url,
underline_initial: true,
color: "primary-only",
icon: props.variant == "homepage" ? {
src: "@Images/svg/home.svg",
size: "sm"
} : null,
extra_class: "i-breadcrumb__link"
}} %}
{% endif %}
</li>