{% set link = _args.link|default('#') %}
{% set icon = _args.icon|default(null) %}
{% set color = _args.color|default(null) %}
{% set active = _args.active|default(null) %}
{% set title = _args.title %}
{% set indicator = _args.indicator|default(null) %}
{% if item %}
<a
href="{{ link|e('html_attr') }}"
title="{{ title }}"
class="
hc-header-nav-item--link
hc-header-nav-item--with-icon
hc-whitespace-nowrap
{% if active %}hc-active{% endif %}
"
>
<span class="hc-header-nav-item-inner">
{% if icon %}
{% include 'hc/icon.html.twig' with (icon is iterable ? icon : {
glyph: icon,
color: color,
size: 20,
}) %}
{% endif %}
<span class="hc-flex-grow{% if color %} hc-text--{{ color }}{% endif %}">{{ title }}</span>
</span>
</a>
{% endif %}