@arolariu/components/dist/components/ui/gradient-background.js

🎨 70+ beautiful, accessible React components built on Base UI. TypeScript-first, CSS Modules styling, tree-shakeable, SSR-ready. Perfect for modern web apps, design systems & rapid prototyping. Zero config, maximum flexibility! ⚡

"use client";
import { jsx } from "react/jsx-runtime";
import { motion } from "motion/react";
import { cn } from "../../lib/utilities.js";
import gradient_background_module from "./gradient-background.module.js";
import * as __rspack_external_react from "react";
const GradientBackground = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, transition = {
    duration: 15,
    ease: "easeInOut",
    repeat: 1 / 0
}, ...props }, ref)=>{
    const { key: _ignoredKey, ...restProps } = props;
    return /*#__PURE__*/ jsx(motion.div, {
        ref: ref,
        className: cn(gradient_background_module.root, className),
        animate: {
            backgroundPosition: [
                "0% 50%",
                "100% 50%",
                "0% 50%"
            ]
        },
        transition: transition,
        ...restProps
    });
});
GradientBackground.displayName = "GradientBackground";
export { GradientBackground };

//# sourceMappingURL=gradient-background.js.map