<script setup lang="ts">
import {Flight} from "@/Types/types";
import BoardingPass from "@/Components/FlightsGoneBy/BoardingPass.vue";
import FlightBadge from "@/Components/FlightsGoneBy/FlightBadge.vue";
import {computed} from "vue";

const props = defineProps<{
    flight: Flight
    action: 'flight_departing' | 'flight_arriving'
}>()

const actionText = computed(() => props.action === 'flight_departing' ? 'departed' : 'landed')

</script>

<template>
    <div class="flight-booked">
        Flight <FlightBadge :flight="flight" /> from {{flight.departure_airport.municipality}} to {{flight.arrival_airport.municipality}} has {{actionText}}.
    </div>
</template>

<style scoped>
</style>
