<StyleguideExample @title="navigation-bar">
  <NavigationBar @navItems={{this.dummy.navItems}} @filterMode="latest" />
</StyleguideExample>

<StyleguideExample @title=".user-main .nav-pills">
  <MobileNav @class="main-nav" @desktopClass="nav nav-pills user-nav">
    {{#each this.dummy.navItems as |ni|}}
      <li><a
          href={{ni.href}}
          class={{if ni.styleGuideActive "active"}}
        >{{ni.displayName}}</a></li>
    {{/each}}
  </MobileNav>
</StyleguideExample>

<StyleguideExample @title="group page navigation-bar">
  <MobileNav @class="group-nav" @desktopClass="nav nav-pills">
    <li class="group-dropdown">
      <GroupDropdown @groups={{this.dummy.groupNames}} @value="staff" />
    </li>

    {{#each this.dummy.navItems as |ni|}}
      <li><a
          href={{ni.href}}
          class={{if ni.styleGuideActive "active"}}
        >{{ni.displayName}}</a></li>
    {{/each}}
  </MobileNav>
</StyleguideExample>