<ng-container *ngIf="!filter.icon">
    <div *ngIf="filter.id === 'comment'">
        <mat-icon svgIcon="red:comment"></mat-icon>
    </div>

    <redaction-annotation-icon
        *ngIf="filter.id !== 'comment'"
        [color]="filter.metadata.color$ | async"
        [label]="label"
        [type]="filter.metadata.shape"
    ></redaction-annotation-icon>
</ng-container>

<ng-container *ngIf="filter.icon">
    <mat-icon [svgIcon]="filter.icon"></mat-icon>
</ng-container>

<ng-container *ngIf="filter.skipTranslation; else translate"> {{ filter.label }}</ng-container>
<ng-template #translate>{{ filter.label | translate }} </ng-template>
