@for(group of groups; track $index) {
    <div [ngClass]="cs.theme">
        <h4>
            {{group|tr:group}}
        </h4>
        <div class="pill-group">
            @for (item of masterMenu[group]; track $index) {
                <button
                  class="pill"
                  [routerLink]="[item.route,item.queryParams?item.queryParams:{}]"
                  rel="noopener"
                  [disabled]="item.disabled"
                >
                  <span>
                    @if(isLabel(item.label)) {
                        {{item.label.key|tr:item.label.default}} 
                    } @else {
                        {{item.label}} 
                    }
                  </span>
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    height="14"
                    viewBox="0 -960 960 960"
                    width="14"
                    fill="currentColor"
                  >
                    <path
                      d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120H200Zm188-212-56-56 372-372H560v-80h280v280h-80v-144L388-332Z"
                    />
                  </svg>
                </button>
            }
        </div>
    </div>
}