import React from "react";
import { PDFViewer as KendoPDFViewer } from "@progress/kendo-react-pdf-viewer";
import { PDFViewerProps } from "./PDFViewerProps";

const PDFViewer: React.FC<PDFViewerProps> = ({
  dataTestId,
  id,
  arrayBuffer,
  data,
  defaultZoom,
  maxZoom,
  minZoom,
  saveFileName,
  saveOptions,
  style,
  tools,
  typedArray,
  url,
  zoom,
  zoomLevels,
  zoomRate,
  onDownload,
  onError,
  onLoad,
  onPageChange,
  onRenderContent,
  onRenderLoader,
  onRenderToolbar,
  onZoom,
}) => (
  <div data-test-id={dataTestId}>
    <KendoPDFViewer
      data-testid={id}
      arrayBuffer={arrayBuffer}
      data={data}
      defaultZoom={defaultZoom}
      maxZoom={maxZoom}
      minZoom={minZoom}
      saveFileName={saveFileName}
      saveOptions={saveOptions}
      style={style}
      tools={tools}
      typedArray={typedArray}
      url={url}
      zoom={zoom}
      zoomLevels={zoomLevels}
      zoomRate={zoomRate}
      onDownload={onDownload}
      onError={onError}
      onLoad={onLoad}
      onPageChange={onPageChange}
      onRenderContent={onRenderContent}
      onRenderLoader={onRenderLoader}
      onRenderToolbar={onRenderToolbar}
      onZoom={onZoom}
    />
  </div>
);

export default PDFViewer;