{% set name = item.translated.name %}
<li class="navigation-offcanvas-list-item">
{% block layout_navigation_offcanvas_navigation_categories_list_current_category_item_link %}
<a class="nav-item nav-link navigation-offcanvas-link is-current-category uppercase flex justify-between items-center pt-6 pb-2 px-4 text-base font-bold transition hover:text-gray-600"
href="{{ category_url(item) }}"
itemprop="url"
{% if category_linknewtab(item) %}target="_blank"{% endif %}
title="{{ name }}">
{% block layout_navigation_offcanvas_navigation_categories_list_current_category_item_text %}
<span itemprop="name">
{{ "general.showCategory"|trans({"%category%": name})}}
</span>
{% endblock %}
<span class="navigation-offcanvas-link-icon js-navigation-offcanvas-loading-icon text-white">
{% sw_icon 'chevron-right' style { 'pack':'theme-icons', 'size': '10' } %}
</span>
</a>
{% endblock %}
</li>