<script setup lang="ts">
import { Avatar as ShadcnAvatar } from '@/components/core/avatar';
import type { UiAvatarProps } from './types';

defineOptions({
  name: 'UiAvatar',
});

const props = withDefaults(defineProps<UiAvatarProps>(), {
  size: 8,
});
</script>

<template>
  <ShadcnAvatar :size="props.size" :class="props.class">
    <slot />
  </ShadcnAvatar>
</template>
