Avatar

1"use client";
2 
3import { Avatar } from "@base-ui/react/avatar";
4import { cn } from "@/lib/utils";
5import styles from "./avatar.module.css";
6 
7function AvatarRoot({ className, ...props }: Avatar.Root.Props) {
8  return <Avatar.Root className={cn(styles.root, className)} data-slot="avatar-root" {...props} />;
9}
10 
11function AvatarImage({ className, ...props }: Avatar.Image.Props) {
12  return <Avatar.Image className={cn(styles.image, className)} data-slot="avatar-image" {...props} />;
13}
14 
15function AvatarFallback({ className, ...props }: Avatar.Fallback.Props) {
16  return <Avatar.Fallback className={cn(styles.fallback, className)} data-slot="avatar-fallback" {...props} />;
17}
18 
19export { AvatarRoot as Avatar, AvatarFallback, AvatarImage };