@arolariu/components
Version:
A collection of reusable components for React applications, built as ESM & CJS modules with tree shake, minify and bundler optimizations enabled, for the lowest bundle size (import cost)!
29 lines (28 loc) • 1.66 kB
JavaScript
"use client";
import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
import "react";
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_avatar_fe03757d__ from "@radix-ui/react-avatar";
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/utils.js";
function Avatar({ className, ...props }) {
return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_avatar_fe03757d__.Root, {
"data-slot": "avatar",
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("relative flex size-8 shrink-0 overflow-hidden rounded-full", className),
...props
});
}
function AvatarImage({ className, ...props }) {
return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_avatar_fe03757d__.Image, {
"data-slot": "avatar-image",
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("aspect-square size-full", className),
...props
});
}
function AvatarFallback({ className, ...props }) {
return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_avatar_fe03757d__.Fallback, {
"data-slot": "avatar-fallback",
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("bg-neutral-100 flex size-full items-center justify-center rounded-full dark:bg-neutral-800", className),
...props
});
}
export { Avatar, AvatarFallback, AvatarImage };
//# sourceMappingURL=avatar.js.map