import React from "react";
import { ScrollViewProps } from "./ScrollViewProps";
import { ScrollView as KendoScrollView } from "@progress/kendo-react-scrollview";

const ScrollView: React.FC<ScrollViewProps> = ({
  dataTestId,
  activeView,
  arrows,
  automaticViewChange,
  automaticViewChangeInterval,
  children,
  className,
  dir,
  endless,
  pageable,
  pagerOverlay,
  style,
}) => (
  <div data-test-id={dataTestId}>
    <KendoScrollView
      activeView={activeView}
      arrows={arrows}
      automaticViewChange={automaticViewChange}
      automaticViewChangeInterval={automaticViewChangeInterval}
      className={className}
      dir={dir}
      endless={endless}
      pageable={pageable}
      pagerOverlay={pagerOverlay}
      style={style}
    >
      {children}
    </KendoScrollView>
  </div>
);

export default ScrollView;