<div class="bwlp-sound-browser">
  <div class="bwlp-sbrowse-header">
    <div class="bwlp-sound-tabs">
      {{#each cats}}<button type="button" class="bwlp-sound-tab{{#if active}} active{{/if}}" data-tab data-cat="{{key}}" data-action="soundCat">{{label}}</button>{{/each}}
    </div>
    <div class="bwlp-sbrowse-actions">
      <button type="button" data-action="clear"><i class="fas fa-ban"></i> {{localize "BWLP.SoundNone"}}</button>
      <button type="button" class="bwlp-apply" data-action="use"><i class="fas fa-check"></i> {{localize "BWLP.SoundUse"}}</button>
    </div>
  </div>
  <p class="notes">{{localize "BWLP.SoundBrowserHint"}}</p>
  {{#each cats}}
  <div class="bwlp-sound-panel" data-cat-panel="{{key}}" {{#unless active}}style="display:none"{{/unless}}>
    <div class="bwlp-sound-grid">
      {{#each sounds}}<button type="button" class="bwlp-sound-chip{{#if selected}} selected{{/if}}" data-chip data-value="{{value}}" data-action="pick"><i class="fas fa-volume-high"></i> {{label}}</button>{{/each}}
    </div>
  </div>
  {{/each}}
</div>
