<template>
    <div class="kilobit_box">
        <div class="kilobit_title">{{ value }}</div>
        <tumble :number="number" :color="color"></tumble>
    </div>
</template>

<script setup>
import tumble from './tumble'
const props = defineProps({
    /* 标题 */
    value: {
        type: String,
    },
    number: {
        type: Array,
    },
     /* 颜色 */
     color: {
        type: String,
    },
});
</script>
<style lang="scss">
.kilobit_box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.kilobit_title {
    margin-bottom: 10px;
    text-align: center;
    font-size: 24px;
    color: #20caf0;
}

</style>