avatar

1<script setup lang="ts">
2import type { HTMLAttributes } from "vue"
3import type { AvatarVariants } from "."
4import { AvatarRoot } from "reka-ui"
5import { cn } from "@/lib/utils"
6import { avatarVariant } from "."
7 
8const props = withDefaults(defineProps<{
9  class?: HTMLAttributes["class"]
10  size?: AvatarVariants["size"]
11  shape?: AvatarVariants["shape"]
12}>(), {
13  size: "sm",
14  shape: "circle",
15})
16</script>
17 
18<template>
19  <AvatarRoot :class="cn(avatarVariant({ size, shape }), props.class)">
20    <slot />
21  </AvatarRoot>
22</template>