<script setup>
// import { computed } from 'vue';
// import { usePage } from '@inertiajs/vue3';
import UserAvatar from '@/Components/UserAvatar.vue';

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

<template>

    <div v-if="user.avatar">
        <UserAvatar :default-url="user.avatar ? '/public' + user.avatar : ''"
            :username="user.first_name + ' ' + user.last_name" class="w-24 h-24 mx-auto lg:w-6 lg:h-6" />
    </div>


    <div v-else>
        <UserAvatar :username="user.first_name + ' ' + user.last_name" class="w-24 h-24 mx-auto lg:w-6 lg:h-6" />
    </div>
</template>
<!-- <template v-else>
    <UserAvatar :username="user.first_name + ' ' + user.last_name" class="w-24 h-24 mx-auto lg:w-6 lg:h-6" />

</template> -->
