<ng-container *ngIf="flights && primaryTransfer">
    <div class="flight-options-icon__icon" [ngSwitch]="transferIcon">
        <intermediate-landing-icon
            *ngSwitchCase="'intermediate-landing'"
        ></intermediate-landing-icon>
        <flight-transfer-icon
            *ngSwitchCase="'flight-transfer'"
        ></flight-transfer-icon>
        <multi-landings-icon
            *ngSwitchCase="'multi-landings'"
        ></multi-landings-icon>
    </div>
    <div class="transfer-info">
        <span>
            <span class="embolded" *ngIf="transfers?.length > 1">
                <span>{{ transfers.length }}&nbsp;</span>
            </span>
            <span>{{ transfers | transferType: routeType }}</span>
            <span class="dash" *ngIf="showDash"> &mdash; </span>
        </span>
        <transfer-section
            *ngIf="transfers.length === 1"
            [transfer]="primaryTransfer"
            [hideDeparture]="shouldHideTransferDeparture"
        ></transfer-section>
        <div class="multi-transfers" *ngIf="transfers.length > 1">
            <span class="embolded" *ngFor="let transfer of transfersChanges">
                {{ transfer | stationChange }}
            </span>
        </div>
    </div>
</ng-container>
