<div id="overlay" *ngIf="currentSpeaker || nextSpeakers.length > 0">
    <h3 translate>List of speakers</h3>

    <div *ngIf="currentSpeaker" class="currentSpeaker one-line">
        <mat-icon>mic</mat-icon>
        <span>{{ currentSpeaker.user }}</span>
    </div>

    <ol class="nextSpeakers">
        <li *ngFor="let speaker of nextSpeakers" class="one-line">
            {{ speaker.user }}
            <mat-icon *ngIf="speaker.marked">star</mat-icon>
        </li>
    </ol>
</div>
