<template>
    <div class="d-flex align-center gap-2 justify-center">
        <v-avatar size="40" color="primary" variant="flat" class="text-h5 font-weight-medium"> A </v-avatar>
        <v-avatar size="40" color="secondary" variant="flat" class="text-h5 font-weight-medium">B</v-avatar>
        <v-avatar size="40" color="error" variant="flat" class="text-h5 font-weight-medium"> C </v-avatar>
        <v-avatar size="40" color="warning" variant="flat" class="text-h5 font-weight-medium"> D </v-avatar>
        <v-avatar size="40" color="success" variant="flat" class="text-h5 font-weight-medium"> E </v-avatar>
    </div>
</template>
