import React from "react";
import { SkeletonProps } from "./SkeletonProps";
import { Skeleton as KendoSkeleton } from "@progress/kendo-react-indicators";

const Skeleton: React.FC<SkeletonProps> = ({
  dataTestId,
  animation,
  className,
  shape,
  style,
}) => (
  <div data-test-id={dataTestId}>
    <KendoSkeleton
      animation={animation}
      className={className}
      shape={shape}
      style={style}
    />
  </div>
);

export default Skeleton;