<!-- 
  Copyright IBM Corp. 2016, 2018

  This source code is licensed under the Apache-2.0 license found in the
  LICENSE file in the root directory of this source tree.
-->

<footer class="{{@root.prefix}}--side-nav__footer">
  <button class="{{@root.prefix}}--side-nav__toggle" role="button" title="Close the side navigation menu">
    <div class="{{@root.prefix}}--side-nav__icon">
      {{carbon-icon 'Close20'
      class=(add
      (add @root.prefix '--side-nav__icon--collapse')
      (add ' ' (add @root.prefix '--side-nav-collapse-icon'))
      )
      aria-hidden="true"}}
      {{carbon-icon 'ChevronRight20'
      class=(add
      (add @root.prefix '--side-nav__icon--expand')
      (add ' ' (add @root.prefix '--side-nav-expand-icon'))
      )
      aria-hidden="true"}}
    </div>
    <span class="{{@root.prefix}}--assistive-text">
      Toggle the expansion state of the navigation
    </span>
  </button>
</footer>
