<div
  id="main-navbar"
  class="navbar navbar-v1 is-inline-flex is-transparent no-shadow is-hidden-mobile"
>
  <div class="container is-fluid">
    <div class="navbar-brand">
      <a href="/" class="navbar-item">
        <img
          class="logo light-image"
          src="assets/img/vector/logo/friendkit-bold.svg"
          width="112"
          height="28"
          alt=""
        />
        <img
          class="logo dark-image"
          src="assets/img/vector/logo/friendkit-white.svg"
          width="112"
          height="28"
          alt=""
        />
      </a>
    </div>
    <div class="navbar-menu">
      <div class="navbar-start">
        <!-- Navbar Search -->

        {{> friend-requests-dropdown}} {{> notifications-dropdown}} {{>
        messages-dropdown}}

        <div class="navbar-item is-icon open-chat">
          <a class="icon-link is-primary" href="javascript:void(0);">
            <i data-feather="message-square"></i>
            <span class="indicator"></span>
          </a>
        </div>

        <div id="explorer-trigger" class="navbar-item is-icon">
          <a class="icon-link is-primary">
            <i class="mdi mdi-apps"></i>
          </a>
        </div>
      </div>

      <div class="navbar-end">
        {{> search-widget}} {{> cart-dropdown}} {{> account-dropdown}}
      </div>
    </div>
  </div>
</div>
