<div [ngClass]="{'selected-file': selected, 'focused-file': focus}">
    <span class="mdi mdi-{{file.icon}} file-{{file.icon}}"></span>
    <span class="file-name mat-small">{{file.name}}</span>
    <span class="file-ext mat-small">{{file.ext}}</span>
    <span class="file-size mat-small">{{file.size | formatBytes}}</span>
    <span class="file-date mat-small">{{file.createdAt | date:'short'}}</span>
</div>
