import { jsx as _jsx } from "react/jsx-runtime";
import * as React from "react";
import * as AvatarPrimitive from "@radix-ui/react-avatar";
import { cn } from "../utils/css";
import { cva } from "class-variance-authority";
const avatarVariants = cva([], {
    variants: {
        size: {
            small: "orderly-h-[18px] orderly-w-[18px]",
            medium: "orderly-h-[24px] orderly-w-[24px]",
            large: "orderly-h-[32px] orderly-w-[32px]"
        }
    },
    defaultVariants: {
        size: "medium"
    }
});
const Avatar = /*#__PURE__*/ React.forwardRef(({ className, size, ...props }, ref)=>/*#__PURE__*/ _jsx(AvatarPrimitive.Root, {
        ref: ref,
        className: cn("orderly-relative orderly-flex orderly-h-10 orderly-w-10 orderly-shrink-0 orderly-overflow-hidden orderly-rounded-full", avatarVariants({
            size,
            className
        })),
        ...props
    }));
Avatar.displayName = AvatarPrimitive.Root.displayName;
const AvatarImage = /*#__PURE__*/ React.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ _jsx(AvatarPrimitive.Image, {
        ref: ref,
        className: cn("orderly-aspect-square orderly-h-full orderly-w-full", className),
        ...props
    }));
AvatarImage.displayName = AvatarPrimitive.Image.displayName;
const AvatarFallback = /*#__PURE__*/ React.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ _jsx(AvatarPrimitive.Fallback, {
        ref: ref,
        className: cn("orderly-flex orderly-h-full orderly-w-full orderly-items-center orderly-justify-center orderly-rounded-full orderly-bg-base-200", className),
        ...props
    }));
AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
export { Avatar, AvatarImage, AvatarFallback };

//# sourceMappingURL=avatar.js.map