{{!-- BEGIN-SNIPPET nypr-m-brands-linkroll.hbs --}}
<NyprAToggleBox class="c-toggle-box--linkroll" name="viewAllBrands" @calculatePosition={{this.calculatePosition}} as |toggle|>
  <toggle.trigger>
    <strong>View All Brands</strong>
  </toggle.trigger>

  <toggle.dropdown>
    <nav class="c-nypr-nav" aria-labelledby="NYPR brands navigation" role="navigation" aria-label="NYPR brands navigation" name="viewAllBrandsOverlay">
      <ul class="c-nypr-nav__list">
        {{#each this.items as |item|}}
          <li class="c-nypr-nav__item">
            <a
              href={{item.url}}
              class="c-nypr-nav__link u-has-accent u-has-accent--secondary"
              target="_blank"
              rel="noopener"
            >
              {{item.title}}
            </a>
          </li>
        {{/each}}
      </ul>
    </nav>
  </toggle.dropdown>
</NyprAToggleBox>
{{!-- END-SNIPPET --}}