import React from "react";
import { ContextMenuProps } from "./ContextMenuProps";
import { ContextMenu as KendoContextMenu } from "@progress/kendo-react-layout";

const ContextMenu: React.FC<ContextMenuProps> = ({
  dataTestId,
  children,
  className,
  customCloseItemIds,
  dir,
  itemRender,
  items,
  linkRender,
  offset,
  show,
  style,
  vertical,
  onClose,
  onSelect,
}) => {
  return (
    <div data-test-id={dataTestId}>
      <KendoContextMenu
        children={children}
        className={className}
        customCloseItemIds={customCloseItemIds}
        dir={dir}
        itemRender={itemRender}
        items={items}
        linkRender={linkRender}
        offset={offset}
        show={show}
        style={style}
        vertical={vertical}
        onClose={onClose}
        onSelect={onSelect}
      />
    </div>
  );
};

export default ContextMenu;