{% set _app_slugs = {'cart': cart_url('/')} %}
<div class="flex flex-col sm:flex-row sm:items-center gap-2 border-r border-stone-200 mr-2 sm:max-w-2xl"
     id="menu-items-nav-wrapper">
  {% from 'macros/scrolling_menu.html' import scrolling_menu with context %}
  {% call(item) scrolling_menu('menu-items-container', menu_items) %}
    {% set _href = _app_slugs.get(item.post.slug, coop_url('/' + item.post.slug + '/')) %}
    <a
      href="{{ _href }}"
      class="{{styles.nav_button_less_pad}}"
    >
      {% if item.post.feature_image %}
        <img src="{{ item.post.feature_image }}"
             alt="{{ item.post.title }}"
             class="w-8 h-8 rounded-full object-cover flex-shrink-0" />
      {% else %}
        <div class="w-8 h-8 rounded-full bg-stone-200 flex-shrink-0"></div>
      {% endif %}
      <span>{{ item.post.title }}</span>
    </a>
  {% endcall %}
</div>
