<script setup>
import { Avatar } from '@/components/ui';

defineProps({
  user: {
    type: Object,
    required: true
  }
});
</script>

<template>
  <Avatar
    v-if="user"
    :src="user.avatar"
    :alt="user.name || user.username"
    :fallback="user.name || user.username"
    size="sm"
    class="border-2 border-border hover:scale-105 transition-transform"
  />
</template>
