1<div class="wrapper">
2  <div class=".mat-app-background label">Screenshot Golden result</div>
3
4  <div class="toolbar">
5    <mat-button-toggle-group
6      [(ngModel)]="selectedImage"
7      aria-label="Favorite Color"
8    >
9      <mat-button-toggle value="actual">Actual</mat-button-toggle>
10
11      <mat-button-toggle value="diff" [disabled]="!golden.diffUrl"
12        >Diff</mat-button-toggle
13      >
14      <mat-button-toggle value="expected" [disabled]="!golden.expectedUrl"
15        >Expected</mat-button-toggle
16      >
17    </mat-button-toggle-group>
18
19    <button mat-icon-button (click)="updateGolden()">
20      <mat-icon>save</mat-icon>
21    </button>
22  </div>
23  <div>Repo file: {{ golden.goldenRepoPath }}</div>
24
25  @if (selectedImageUrl) {
26    <div class="screenshot-container">
27      <img class="screenshot" [src]="selectedImageUrl" />
28    </div>
29  }
30</div>
31