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

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

import { isValidElement, cloneElement } from 'react';
import { useRippleMotion } from './useRippleMotion.mjs';

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

export { Ripple };