import React from "react";
import { FadeProps } from "./FadeProps";
import { Fade as KendoFade } from "@progress/kendo-react-animation";

const Fade: React.FC<FadeProps> = (props) => {
  return (
    <div data-test-id={props.dataTestId}>
      <KendoFade {...props}>{props.children}</KendoFade>
    </div>
  );
};

export default Fade;