@szum-tech/design-system/dist/chunk-NGVFYKAT.js

Szum-Tech design system with tailwindcss support

import { cn } from './chunk-ZD2QRAOX.js';
import { Avatar as Avatar$1 } from 'radix-ui';
import { jsx } from 'react/jsx-runtime';

function Avatar({ className, ...props }) {
  return /* @__PURE__ */ jsx(
    Avatar$1.Root,
    {
      "data-slot": "avatar",
      className: cn("relative flex size-8 shrink-0 overflow-hidden rounded", className),
      ...props
    }
  );
}
function AvatarImage({ className, ...props }) {
  return /* @__PURE__ */ jsx(Avatar$1.Image, { "data-slot": "avatar-image", className: cn("aspect-square size-full", className), ...props });
}
function AvatarFallback({ className, ...props }) {
  return /* @__PURE__ */ jsx(
    Avatar$1.Fallback,
    {
      "data-slot": "avatar-fallback",
      className: cn("bg-muted flex size-full items-center justify-center rounded-full", className),
      ...props
    }
  );
}

export { Avatar, AvatarFallback, AvatarImage };