@szum-tech/design-system
Version:
Szum-Tech design system with tailwindcss support
34 lines (30 loc) • 1.07 kB
JavaScript
;
var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
var radixUi = require('radix-ui');
var jsxRuntime = require('react/jsx-runtime');
function Avatar({ className, ...props }) {
return /* @__PURE__ */ jsxRuntime.jsx(
radixUi.Avatar.Root,
{
"data-slot": "avatar",
className: chunkH2BWO3SI_cjs.cn("relative flex size-8 shrink-0 overflow-hidden rounded", className),
...props
}
);
}
function AvatarImage({ className, ...props }) {
return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Avatar.Image, { "data-slot": "avatar-image", className: chunkH2BWO3SI_cjs.cn("aspect-square size-full", className), ...props });
}
function AvatarFallback({ className, ...props }) {
return /* @__PURE__ */ jsxRuntime.jsx(
radixUi.Avatar.Fallback,
{
"data-slot": "avatar-fallback",
className: chunkH2BWO3SI_cjs.cn("bg-muted flex size-full items-center justify-center rounded-full", className),
...props
}
);
}
exports.Avatar = Avatar;
exports.AvatarFallback = AvatarFallback;
exports.AvatarImage = AvatarImage;