import { jsx } from "react/jsx-runtime";
import { tcx } from "@choiceform/design-system";
import { memo } from "react";
import { motion } from "../../../_vendor/framer-motion/dist-es-render-components-motion-proxy.js";
const TextShimmerLoader = memo(function TextShimmerLoader2(props) {
  const { children, className } = props;
  return /* @__PURE__ */ jsx(
    motion.div,
    {
      initial: { backgroundPosition: "100% center" },
      animate: { backgroundPosition: "0% center" },
      transition: {
        duration: 2,
        repeat: Infinity,
        repeatType: "loop"
      },
      className: 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
    }
  );
});
export {
  TextShimmerLoader
};
//# sourceMappingURL=text-shimmer-loader.js.map
