@arolariu/components
Version:
🎨 70+ beautiful, accessible React components built on Base UI. TypeScript-first, CSS Modules styling, tree-shakeable, SSR-ready. Perfect for modern web apps, design systems & rapid prototyping. Zero config, maximum flexibility! ⚡
58 lines (57 loc) • 2.09 kB
JavaScript
"use client";
import { jsx } from "react/jsx-runtime";
import { Avatar } from "@base-ui/react/avatar";
import { mergeProps } from "@base-ui/react/merge-props";
import { useRender } from "@base-ui/react/use-render";
import { cn } from "../../lib/utilities.js";
import avatar_module from "./avatar.module.js";
import * as __rspack_external_react from "react";
const avatar_Avatar = /*#__PURE__*/ __rspack_external_react.forwardRef((props, forwardedRef)=>{
const { className, children, render, ...otherProps } = props;
return /*#__PURE__*/ jsx(Avatar.Root, {
...otherProps,
ref: forwardedRef,
render: useRender({
defaultTagName: "span",
render: render,
props: mergeProps({
className: cn(avatar_module.root, className)
}, {})
}),
children: children
});
});
avatar_Avatar.displayName = "Avatar";
const AvatarImage = /*#__PURE__*/ __rspack_external_react.forwardRef((props, forwardedRef)=>{
const { className, render, ...otherProps } = props;
return /*#__PURE__*/ jsx(Avatar.Image, {
...otherProps,
ref: forwardedRef,
render: useRender({
defaultTagName: "img",
render: render,
props: mergeProps({
className: cn(avatar_module.image, className)
}, {})
})
});
});
AvatarImage.displayName = "AvatarImage";
const AvatarFallback = /*#__PURE__*/ __rspack_external_react.forwardRef((props, forwardedRef)=>{
const { className, children, render, ...otherProps } = props;
return /*#__PURE__*/ jsx(Avatar.Fallback, {
...otherProps,
ref: forwardedRef,
render: useRender({
defaultTagName: "span",
render: render,
props: mergeProps({
className: cn(avatar_module.fallback, className)
}, {})
}),
children: children
});
});
AvatarFallback.displayName = "AvatarFallback";
export { AvatarFallback, AvatarImage, avatar_Avatar as Avatar };
//# sourceMappingURL=avatar.js.map