<script lang="ts" setup>
import avatar1 from '@/assets/avatars/avatar-1.png'
import avatar2 from '@/assets/avatars/avatar-2.png'
import avatar3 from '@/assets/avatars/avatar-3.png'
import avatar4 from '@/assets/avatars/avatar-4.png'
import avatar5 from '@/assets/avatars/avatar-5.png'
import avatar6 from '@/assets/avatars/avatar-6.png'
import avatar7 from '@/assets/avatars/avatar-7.png'
</script>

<template>
  <div class="v-avatar-group">
    <VAvatar
      size="52"
      :image="avatar1"
    />
    <VAvatar
      size="52"
      :image="avatar2"
    />
    <VAvatar
      size="52"
      :image="avatar3"
    />
    <VAvatar
      size="52"
      :image="avatar4"
    />
    <VAvatar
      size="52"
      :image="avatar5"
    />
    <VAvatar
      size="52"
      :image="avatar6"
    />
    <VAvatar
      size="52"
      :image="avatar7"
    />
  </div>
</template>
