<div class="flex-align-items-center dossier-state-container">
    <div class="dossier-state-text clamp-1">
        {{ (dossierState$ | async)?.name || ('dossier-state.placeholder' | translate) }}
    </div>

    <iqser-small-chip [color]="(dossierState$ | async)?.color ?? '#E2E4E9'"></iqser-small-chip>
</div>
