import React from "react";
import { WindowProps } from "./WindowProps";
import { Window as KendoWindow } from "@progress/kendo-react-dialogs";

const Window: React.FC<WindowProps> = ({
  dataTestId,
  appendTo,
  className,
  closeButton,
  doubleClickStageChange,
  draggable,
  height,
  initialHeight,
  initialLeft,
  initialTop,
  initialWidth,
  left,
  maximizeButton,
  minHeight,
  minimizeButton,
  minWidth,
  modal,
  overlayStyle,
  resizable,
  restoreButton,
  shouldUpdateOnDrag,
  stage,
  style,
  themeColor,
  title,
  top,
  width,
  onClose,
  onMove,
  onResize,
  onStageChange,
}) => (
  <div data-test-id={dataTestId}>
    <KendoWindow
      appendTo={appendTo}
      className={className}
      closeButton={closeButton}
      doubleClickStageChange={doubleClickStageChange}
      draggable={draggable}
      height={height}
      initialHeight={initialHeight}
      initialLeft={initialLeft}
      initialTop={initialTop}
      initialWidth={initialWidth}
      left={left}
      maximizeButton={maximizeButton}
      minHeight={minHeight}
      minimizeButton={minimizeButton}
      minWidth={minWidth}
      modal={modal}
      overlayStyle={overlayStyle}
      resizable={resizable}
      restoreButton={restoreButton}
      shouldUpdateOnDrag={shouldUpdateOnDrag}
      stage={stage}
      style={style}
      themeColor={themeColor}
      title={title}
      top={top}
      width={width}
      onClose={onClose}
      onMove={onMove}
      onResize={onResize}
      onStageChange={onStageChange}
    />
  </div>
);

export default Window;