<div [ngClass]="stationClasses">
    <text
        class="station__city"
        [align]="align"
        [tooltip]="city"
        [size]="cityStyles.size"
        [mobileSize]="cityStyles.mobileSize"
        [weight]="cityStyles.weight"
        [mobileWeight]="cityStyles.mobileWeight"
        [ellipsis]="true"
    >
        {{ city }}
    </text>
    <!-- todo: deprecate terminal link -->
    <terminal-link
        class="station__terminal"
        [station]="station"
    ></terminal-link>
    <terminal-link
        *ngIf="oldStation"
        class="station__terminal"
        [station]="oldStation"
        [oldValue]="true"
    ></terminal-link>

    <text
        class="station__old-city"
        color="red"
        [align]="align"
        size="12"
        *ngIf="shouldShowOldCity"
        >{{ oldCity }}</text
    >
</div>
