<span class="hide-text">
  {{ transformedText }}
  <button class="hide-text__button" type="button" [attr.aria-label]="ariaLabel" (click)="toggleText()">
    <msfa-icon *ngIf="!hideText" [icon]="iconType.EYESLASH" size="l"></msfa-icon>
    <msfa-icon *ngIf="hideText" [icon]="iconType.EYE" size="l"></msfa-icon>
    <span class="hide-text__button-text">{{ hideText ? 'Visa' : 'Dölj'}}</span>
  </button>
</span>
