import React from "react";
import { RippleProps } from "./RippleProps";
import { Ripple as KendoRipple } from "@progress/kendo-react-ripple";

const Ripple: React.FC<RippleProps> = (props) => (
  <div data-test-id={props.dataTestId}>
    <KendoRipple {...props}>{props.children}</KendoRipple>
  </div>
);

export default Ripple;