"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const require$$0 = require("react/jsx-runtime");
const designSystem = require("@choiceform/design-system");
const React = require("react");
const proxy = require("../../../_vendor/framer-motion/dist-es-render-components-motion-proxy.cjs");
const TextShimmerLoader = React.memo(function TextShimmerLoader2(props) {
  const { children, className } = props;
  return /* @__PURE__ */ require$$0.jsx(
    proxy.motion.div,
    {
      initial: { backgroundPosition: "100% center" },
      animate: { backgroundPosition: "0% center" },
      transition: {
        duration: 2,
        repeat: Infinity,
        repeatType: "loop"
      },
      className: designSystem.tcx("bg-no-repeat text-transparent", className),
      style: {
        backgroundSize: "250% 100%",
        backgroundClip: "text",
        backgroundImage: "linear-gradient(-90deg, transparent calc(50% - 16px), var(--color-default-foreground) 50%, transparent calc(50% + 16px)), linear-gradient(var(--color-secondary-foreground), var(--color-secondary-foreground))",
        width: "fit-content"
      },
      children
    }
  );
});
exports.TextShimmerLoader = TextShimmerLoader;
//# sourceMappingURL=text-shimmer-loader.cjs.map
