import { jsx as _jsx } from "react/jsx-runtime";
import { cnb } from "cnbuilder";
import { Ripple } from "./Ripple.js";
/**
 * This component should generally only be used internally within `react-md`
 * unless you are implementing a custom component interaction with
 * `useElementInteraction`.
 *
 * @see {@link useElementInteraction} for example usage.
 */ export function RippleContainer(props) {
    const { className, ripples, onEntered, onExited } = props;
    return /*#__PURE__*/ _jsx("span", {
        className: cnb("rmd-ripple-container", className),
        children: ripples.map((ripple)=>/*#__PURE__*/ _jsx(Ripple, {
                ripple: ripple,
                onEntered: onEntered,
                onExited: onExited
            }, ripple.startTime))
    });
}

//# sourceMappingURL=RippleContainer.js.map