import React from "react";
import { StockChartProps } from "./StockChartProps";
import { StockChart as KendoStockChart } from "@progress/kendo-react-charts";
import "hammerjs";

const StockChart: React.FC<StockChartProps> = ({
  dataTestId,
  children,
  axisDefaults,
  className,
  dir,
  paneDefaults,
  panes,
  pannable,
  partialRedraw,
  renderAs,
  seriesColors,
  seriesDefaults,
  style,
  transitions,
  zoomable,
}) => (
  <div data-test-id={dataTestId}>
    <KendoStockChart
      axisDefaults={axisDefaults}
      className={className}
      dir={dir}
      paneDefaults={paneDefaults}
      panes={panes}
      pannable={pannable}
      partialRedraw={partialRedraw}
      renderAs={renderAs}
      seriesColors={seriesColors}
      seriesDefaults={seriesDefaults}
      style={style}
      transitions={transitions}
      zoomable={zoomable}
    >
      {children}
    </KendoStockChart>
  </div>
);
export default StockChart;