// import { AnimatePresence, HTMLMotionProps, LazyMotion, domAnimation, m } from 'framer-motion';
// import { FC } from 'react';
// import { useIsSSR } from 'react-aria';
// import { RippleType } from './use-ripple';

// export interface RippleProps {
//   ripples: RippleType[];
//   color?: string;
//   motionProps?: HTMLMotionProps<'span'>;
//   style?: React.CSSProperties;
// }

// const clamp = (value: number, min: number, max: number) => {
//   return Math.min(Math.max(value, min), max);
// };

// const Ripple: FC<RippleProps> = ({ ripples = [], motionProps, color = 'currentColor', style }) => {
//   const isSSR = useIsSSR();

//   if (isSSR) {
//     return null;
//   }

//   return (
//     <>
//       {ripples.map((ripple) => {
//         const duration = clamp(0.01 * ripple.size, 0.2, ripple.size > 100 ? 0.75 : 0.5);

//         return (
//           <AnimatePresence key={ripple.key} mode="popLayout">
//             <>
//               <LazyMotion features={domAnimation}>
//                 <m.span
//                   animate={{ transform: 'scale(2)', opacity: 0 }}
//                   className="react-aria-Ripple"
//                   exit={{ opacity: 0 }}
//                   initial={{ transform: 'scale(0)', opacity: 0.35 }}
//                   style={{
//                     position: 'absolute',
//                     backgroundColor: color,
//                     borderRadius: '100%',
//                     transformOrigin: 'center',
//                     pointerEvents: 'none',
//                     zIndex: 10,
//                     top: ripple.y,
//                     left: ripple.x,
//                     width: `${ripple.size}px`,
//                     height: `${ripple.size}px`,
//                     ...style,
//                   }}
//                   transition={{ duration }}
//                   {...motionProps}
//                 />
//               </LazyMotion>
//             </>
//           </AnimatePresence>
//         );
//       })}
//     </>
//   );
// };

// Ripple.displayName = 'Ripple';

// export default Ripple;