<script setup lang="ts">

import Mono from "@/Components/FlightsGoneBy/Mono.vue";
import Distance from "@/Components/Distance.vue";

defineProps<{
    label: string,
    value: any
    isDistance?: boolean
}>()
</script>

<template>
<span class="pass-stat">
    <Mono smallest dark uppercase largeSpacing>{{label}}</Mono>
    <Mono smaller muted v-if="!isDistance">{{ value?.toString() }}</Mono>
    <Mono smaller muted v-if="isDistance">
        <Distance :value="parseInt(value)" />
    </Mono>
</span>
</template>

<style scoped>
.pass-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.15rem;
}
</style>
