@szum-tech/design-system/dist/chunk-4NO6IM75.cjs

Szum-Tech design system with tailwindcss support

'use strict';

var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
var radixUi = require('radix-ui');
var classVarianceAuthority = require('class-variance-authority');
var jsxRuntime = require('react/jsx-runtime');

var avatarCva = classVarianceAuthority.cva("relative flex shrink-0 overflow-hidden rounded text-gray-100", {
  variants: {
    size: {
      sm: "size-6 text-xs",
      md: "size-10 text-lg",
      lg: "size-14 text-2xl"
    }
  },
  defaultVariants: {
    size: "md"
  }
});
function Avatar({ className, size = "md", ref, ...props }) {
  const avatarStyles = avatarCva({ size });
  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Avatar.Root, { ref, className: chunkH2BWO3SI_cjs.cn(avatarStyles, className), ...props });
}
function AvatarImage({ className, ref, ...props }) {
  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Avatar.Image, { ref, className: chunkH2BWO3SI_cjs.cn("aspect-square h-full w-full", className), ...props });
}
function AvatarFallback({ className, ref, ...props }) {
  return /* @__PURE__ */ jsxRuntime.jsx(
    radixUi.Avatar.Fallback,
    {
      ref,
      className: chunkH2BWO3SI_cjs.cn("flex h-full w-full items-center justify-center bg-gray-600", className),
      ...props
    }
  );
}

exports.Avatar = Avatar;
exports.AvatarFallback = AvatarFallback;
exports.AvatarImage = AvatarImage;