<script setup lang="ts">
// import {followerCard} from '@/_mockApis/components/widget/card';
const props = defineProps({
    data:{
        type: Array,
        default: () => []
    }
})
const followerCard: any = computed(() => {
    return props.data
});
</script>
<template>
    <v-row class="pt-3">
        <v-col cols="12" md="4" v-for="card in followerCard" :key="card.title">
            <v-card elevation="10"  rounded="md">
                <v-card-item>
                    <div class="d-flex align-center">
                        <v-avatar size="40" >
                            <slot name="avatar" :prop="card"></slot>
                        </v-avatar>
                        <div class="pl-4 mt-n1">
                            <h5 class="text-h5" >
                                <slot name="title" :prop="card"></slot>
                            </h5>
                            <p class="text-body-1 textSecondary d-flex align-center">
                                <slot name="content" :prop="card"></slot>
                            </p>
                        </div>
                        <slot name="actions" :prop="card"></slot>
                    </div>    
                </v-card-item>
            </v-card>
        </v-col>
    </v-row>
</template>
