import React from "react";
import { Spreadsheet as KendoSpreadsheet } from "@progress/kendo-react-spreadsheet";
import { SpreadsheetProps } from "./SpreadsheetProps";

const Spreadsheet: React.FC<SpreadsheetProps> = ({
  dataTestId,
  className,
  defaultProps,
  style,
  toolbar,
  onChange,
  onChangeFormat,
  onExcelExport,
  onExcelImport,
  onSelect,
}) => {
  return (
    <div data-test-id={dataTestId}>
      <KendoSpreadsheet
        className={className}
        defaultProps={defaultProps}
        style={style}
        toolbar={toolbar}
        onChange={onChange}
        onChangeFormat={onChangeFormat}
        onExcelExport={onExcelExport}
        onExcelImport={onExcelImport}
        onSelect={onSelect}
      />
    </div>
  );
};

export default Spreadsheet;