import { Component, Input } from '@angular/core';
import { FlightTransitionStatus } from '@typings/flight/flight-transition';

@Component({
    selector: 'flight-status',
    templateUrl: './flight-status.component.html',
    styleUrls: ['./flight-status.component.scss'],
})
export class FlightStatusComponent {
    @Input() status: FlightTransitionStatus;

    get indicatorClasses() {
        return {
            'flight-status__indicator': true,
            [`flight-status__indicator--${this.status}`]:
                this.status !== FlightTransitionStatus.EXPECTED,
        };
    }
}
