blockiesui/dist/components/UI/avatar.js

A UI library for Blockies

import { __rest, __assign } from '../../node_modules/.pnpm/@rollup_plugin-typescript@1_1c5553510af13619ab22a8c63104fe51/node_modules/tslib/tslib.es6.js';
import { jsx } from 'react/jsx-runtime';
import * as React from 'react';
import { Root, Image, Fallback } from '../../node_modules/.pnpm/@radix-ui_react-avatar@1.1._72a42638be1955f8ca4b06c19e231e16/node_modules/@radix-ui/react-avatar/dist/index.js';
import { cn } from '../../utils/cn.js';

var Avatar = React.forwardRef(function (_a, ref) {
    var className = _a.className, props = __rest(_a, ["className"]);
    return (jsx(Root, __assign({ ref: ref, className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className || "") }, props)));
});
Avatar.displayName = Root.displayName;
var AvatarImage = React.forwardRef(function (_a, ref) {
    var className = _a.className, props = __rest(_a, ["className"]);
    return (jsx(Image, __assign({ ref: ref, className: cn("aspect-square h-full w-full", className || "") }, props)));
});
AvatarImage.displayName = Image.displayName;
var AvatarFallback = React.forwardRef(function (_a, ref) {
    var className = _a.className, props = __rest(_a, ["className"]);
    return (jsx(Fallback, __assign({ ref: ref, className: cn("bg-muted flex h-full w-full items-center justify-center rounded-full", className || "") }, props)));
});
AvatarFallback.displayName = Fallback.displayName;

export { Avatar, AvatarFallback, AvatarImage };
//# sourceMappingURL=avatar.js.map