<div class="file-block-view-cont" [ngClass]="{ 'selected-file': selected, 'focused-file': focus }">
  <div class="checkbox-container" *ngIf="isSelectingMode">
    <mat-checkbox [checked]="selected" color="primary"></mat-checkbox>
  </div>
  <div class="file-preview">
    <span *ngIf="!file.thumbnail" class="mdi mdi-{{ file.icon }} file-{{ file.icon }}"></span>
    <app-blob-viewer *ngIf="file.thumbnail" [blob]="file.thumbnail" type="image"></app-blob-viewer>
  </div>
  <div class="file-name mat-small">{{ file.fullName }}</div>
</div>
