<template>
  <div class="avatar-container">
    <img :src="avatar" alt="avatar" />
  </div>
</template>

<script setup lang="ts">
const props = defineProps<{
  avatar: string;
}>();
</script>

<style lang="scss" scoped>
.avatar-container {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
  background: url('@/assets/image/Rectangle 30814.png') no-repeat center center;
  background-size: cover;
}
</style>
