{% import _self as menus %}
<div class="flex items-center overflow-x-auto hide-scrollbar whitespace-nowrap">
  {{ menus.menu_links(items, attributes, 0) }}
</div>

{% macro menu_links(items, attributes, menu_level) %}
  {% import _self as menus %}
  {% if items %}
    {% for item in items %}
      {% set is_active = item.in_active_trail ? 'bg-white/10 border-teal text-white' : 'text-white/90 border-transparent hover:border-teal' %}
      
      {% set link_classes = [
        'py-3',
        'px-3.5',
        'md:px-5',
        'hover:text-white',
        'hover:bg-white/10',
        'transition-all',
        'border-b-2',
        'shrink-0',
        is_active
      ] %}

      {{ link(item.title, item.url, { 'class': link_classes }) }}
    {% endfor %}
  {% endif %}
{% endmacro %}