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

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

import { isValidElement, cloneElement } from 'react';
import { chain } from '@nex-ui/utils';
import { useRippleMotion } from './useRippleMotion.mjs';

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

export { Ripple };