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