"use client";
import * as AvatarPrimitive from '@radix-ui/react-avatar';
import { clsx } from 'clsx';
import { twMerge } from 'tailwind-merge';
import { jsx } from 'react/jsx-runtime';

var __defProp = Object.defineProperty;
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
function cn(...inputs) {
  return twMerge(clsx(inputs));
}
__name(cn, "cn");
var Avatar = /* @__PURE__ */ __name(({ className, ref, ...props }) => /* @__PURE__ */ jsx(
  AvatarPrimitive.Root,
  {
    className: cn(
      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
      className
    ),
    ref,
    ...props
  }
), "Avatar");
Avatar.displayName = AvatarPrimitive.Root.displayName;
var AvatarImage = /* @__PURE__ */ __name(({ className, ref, ...props }) => /* @__PURE__ */ jsx(
  AvatarPrimitive.Image,
  {
    className: cn("aspect-square h-full w-full", className),
    ref,
    ...props
  }
), "AvatarImage");
AvatarImage.displayName = AvatarPrimitive.Image.displayName;
var AvatarFallback = /* @__PURE__ */ __name(({ className, ref, ...props }) => /* @__PURE__ */ jsx(
  AvatarPrimitive.Fallback,
  {
    className: cn(
      "bg-muted flex h-full w-full items-center justify-center rounded-full",
      className
    ),
    ref,
    ...props
  }
), "AvatarFallback");
AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;

export { Avatar, AvatarFallback, AvatarImage };
