@nex-ui/react/dist/cjs/components/utils/ripple/Ripple.cjs

🎉 A beautiful, modern, and reliable React component library.

'use strict';

var react = require('react');
var useRippleMotion = require('./useRippleMotion.cjs');

const Ripple = ({ children, disabled, motionProps, motionStyle })=>{
    const showEffect = useRippleMotion.useRippleMotion({
        motionProps,
        motionStyle
    });
    if (!/*#__PURE__*/ react.isValidElement(children)) {
        return children;
    }
    return /*#__PURE__*/ react.cloneElement(children, {
        onClick: (e)=>{
            children.props.onClick?.(e);
            if (!disabled) {
                showEffect(e);
            }
        }
    });
};

exports.Ripple = Ripple;