import React from "react";
import { PopupProps } from "./PopupProps";
import { Popup as KendoPopup } from "@progress/kendo-react-popup";
const Popup: React.FC<PopupProps> = ({
  dataTestId,
  children,
  anchor,
  anchorAlign,
  animate,
  appendTo,
  className,
  collision,
  id,
  margin,
  offset,
  popupAlign,
  popupClass,
  positionMode,
  scale,
  show,
  style,
  onClose,
  onOpen,
  onPosition,
}) => (
  <div data-test-id={dataTestId}>
    <KendoPopup
      anchor={anchor}
      anchorAlign={anchorAlign}
      animate={animate}
      appendTo={appendTo}
      className={className}
      collision={collision}
      id={id}
      margin={margin}
      offset={offset}
      popupAlign={popupAlign}
      popupClass={popupClass}
      positionMode={positionMode}
      scale={scale}
      show={show}
      style={style}
      onClose={onClose}
      onOpen={onOpen}
      onPosition={onPosition}
    >
      {children}
    </KendoPopup>
  </div>
);
export default Popup;