<script setup lang="ts">
import DefaultAavatar from '@/static/images/default-avatar.png'

defineProps({
  src: {
    type: String,
    default: undefined,
  },
})
</script>

<template>
  <div
    rounded-full
    p-4
    shadow-lg
    style="background: linear-gradient(45deg, #ffdd99 0%, #efb85a 100%)"
  >
    <image
      block
      overflow-hidden
      rounded-full
      bg-gray-100
      class="h-full w-full"
      mode="aspectFill"
      :src="src ? src : DefaultAavatar"
    />
  </div>
</template>
