<ng-container *ngIf="componentContext$ | async as ctx">
    <div>
        <div
            [class.error]="file.isError"
            [class.initial-processing]="file.isInitialProcessing"
            [matTooltip]="file.filename"
            [attr.help-mode-key]="'document_in_editor'"
            class="table-item-title"
            matTooltipPosition="above"
        >
            {{ file.filename }}
        </div>
    </div>

    <div *ngIf="ctx.primaryAttribute" class="small-label">
        <div class="primary-attribute">
            <span [matTooltip]="ctx.primaryAttribute" matTooltipPosition="above">
                {{ ctx.primaryAttribute }}
            </span>
        </div>
    </div>

    <redaction-file-stats [file]="file"></redaction-file-stats>
</ng-container>
