UNPKG

@szum-tech/design-system

Version:

Szum-Tech design system with tailwindcss support

34 lines (30 loc) 1.07 kB
'use strict'; 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;