{{ define "footer/toolbar" }}
  <div class="footer__toolbar">
    <button
      type="button"
      class="footer__toolbar-btn"
      id="settings"
      aria-label="Settings"
    >
      <svg class="icon"><use href="/static/icons.svg#settings"></use></svg>
    </button>
    <span class="footer__toolbar-context" id="context" hidden></span>
    <div class="footer__toolbar-spacer"></div>
    <button
      type="button"
      class="footer__toolbar-btn"
      id="reset"
      aria-label="Reset conversation"
    >
      <svg class="icon"><use href="/static/icons.svg#trash"></use></svg>
    </button>
    <button
      type="button"
      class="footer__toolbar-btn"
      id="scroll"
      aria-label="Scroll to top"
    >
      <svg class="icon scroll-icon--up"><use href="/static/icons.svg#scroll-up"></use></svg>
      <svg class="icon scroll-icon--down"><use href="/static/icons.svg#scroll-down"></use></svg>
    </button>
    <button
      type="button"
      class="footer__toolbar-btn"
      id="mute"
      aria-label="Mute"
    >
      <svg class="icon"><use href="/static/icons.svg#volume"></use></svg>
    </button>
  </div>
{{ end }}
