@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 utils = require('@nex-ui/utils');
var useRippleMotion = require('./useRippleMotion.cjs');

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

exports.Ripple = Ripple;