<script setup lang="ts">
import AdminLayout from "@/Pages/Admin/AdminLayout.vue";
import GrowthCard from "@/Components/Admin/GrowthCard.vue";

defineOptions({ layout: AdminLayout });

defineProps<{
    userCount: number,
    oneWeekUserGrowth: number,
    flightCount: number,
    oneWeekFlightGrowth: number,
    latestUser:string
}>()
</script>
<template>
    <v-container>
        <v-row>
            <v-col cols="12" sm="6">
                <GrowthCard label="Total Users" :count="userCount" :weekly-growth="oneWeekUserGrowth" icon="mdi-account">
                    <small>Latest User: {{ latestUser }}</small>
                </GrowthCard>
            </v-col>
            <v-col cols="12" sm="6">
                <GrowthCard label="Total Flights" :count="flightCount" :weekly-growth="oneWeekFlightGrowth" icon="mdi-airplane" />
            </v-col>
        </v-row>
    </v-container>
</template>
