{{#with filterData}}
  <div class="
    quick-filter
    {{#ifCond type "===" "ICON"}}quick-filter--icon{{/ifCond}}
    {{#ifCond type "===" "ICON_TEXT"}}quick-filter--icon-text{{/ifCond}}
    {{#ifCond type "===" "COLOUR"}}quick-filter--colour{{/ifCond}}
    {{#ifCond type "===" "TEXT"}}quick-filter--text{{/ifCond}}
  ">
    {{#if displayText}}
      <h6 class="quick-filter__title">{{displayText}}</h6>
    {{/if}}
    <div class="quick-filter__swiper swiper-container swiper-container-main">
      <div class="swiper-wrapper">
        {{#each values}}
          <a 
            href="{{url}}"
            class="quick-filter__slide swiper-slide {{#if selected}}quick-filter__slide--selected{{/if}}"
          >
            {{#ifCond ../type "===" "IMAGE_TEXT"}}
              <img src="{{additionalData}}" alt="{{text}}">
              {{#if text}}<span>{{text}}</span>{{/if}}
            {{/ifCond}}
            {{#ifCond ../type "===" "ICON_TEXT"}}
              <img src="{{additionalData}}" alt="{{text}}">
              {{#if text}}<span>{{text}}</span>{{/if}}
            {{/ifCond}}
            {{#ifCond ../type "===" "ICON"}}
              <img src="{{additionalData}}" alt="{{text}}">
            {{/ifCond}}
            {{#ifCond ../type "===" "TEXT"}}
              <span>{{text}}</span>
            {{/ifCond}}
            {{#ifCond ../type "===" "COLOUR"}}
              <span
                data-toggle="tooltip"
                data-placement="top"
                title="{{text}}"
                data-container=".quick-filter"
                data-trigger="hover"
                class="colour-swatch" 
                style="background-color: {{additionalData}}">
              </span>
            {{/ifCond}}
          </a>
        {{/each}}
      </div>
      <div class="swiper-pagination"></div>
      <div class="quick-filter__next-btn">
        <i class="far fa-angle-right"></i>
      </div>
      <div class="quick-filter__prev-btn">
        <i class="far fa-angle-left"></i>
      </div>
    </div>
  </div>
{{/with}}
