import React from "react";
import { ChartProps } from "./ChartProps";
import { Chart as KendoChart } from "@progress/kendo-react-charts";

const Chart: React.FC<ChartProps> = ({
  dataTestId,
  children,
  axisDefaults,
  className,
  dir,
  drilldownState,
  paneDefaults,
  panes,
  pannable,
  renderAs,
  seriesColors,
  seriesDefaults,
  style,
  transitions,
  zoomable,
}) => (
  <div data-test-id={dataTestId}>
    <KendoChart
      axisDefaults={axisDefaults}
      className={className}
      dir={dir}
      drilldownState={drilldownState}
      paneDefaults={paneDefaults}
      panes={panes}
      pannable={pannable}
      renderAs={renderAs}
      seriesColors={seriesColors}
      seriesDefaults={seriesDefaults}
      style={style}
      transitions={transitions}
      zoomable={zoomable}
    >
      {children}
    </KendoChart>
  </div>
);

export default Chart;