<script setup>
import AppPanel from "../../../Components/AppPanel.vue";
import {NNumberAnimation, NStatistic} from "naive-ui";

const props = defineProps({
    to: Number,
})
</script>

<template>
    <AppPanel class="min-w-[120px] min-h-[100px] max-h-[102px] h-full"
              style="--n-padding-top: 0; --n-padding-bottom: 0; --n-padding-left: 8px; --n-padding-right: 8px;">
        <div class="w-full h-full flex flex items-center justify-center">
            <NStatistic class="text-center">
                <NNumberAnimation :from="0" :to="to" />
                <template #label>
                    <slot />
                </template>
            </NStatistic>
        </div>
    </AppPanel>
</template>

<style scoped>

</style>
