<nav class="scripture-menu navbar navbar-dark sticky-top">
  <div class="container">
    <Scrollmenu @visible="true">
      {{#each this.books as |book|}}
        <Book @book={{book}} @showChapters={{this.showChapters}} />
      {{/each}}
    </Scrollmenu>

    <ChapterNav @book={{this.currentBook}}
                @showVerses={{this.showVerses}}
                @visible={{this.chaptersVisible}} />

    <VerseNav @book={{this.currentBook}}
              @chapter={{this.currentChapter}}
              @verses={{this.currentChapter.verses}}
              @verseSelected={{this.verseSelected}}
              @visible={{this.versesVisible}} />
  </div>
</nav>