import React from "react";
import { MenuProps } from "./MenuProps";
import { Menu as KendoMenu } from "@progress/kendo-react-layout";

const Menu: React.FC<MenuProps> = ({
  dataTestId,
  children,
  className,
  customCloseItemIds,
  dir,
  hoverCloseDelay,
  hoverOpenDelay,
  itemRender,
  items,
  linkRender,
  openOnClick,
  style,
  vertical,
  onSelect,
}) => (
  <div data-test-id={dataTestId}>
    <KendoMenu
      children={children}
      className={className}
      customCloseItemIds={customCloseItemIds}
      dir={dir}
      hoverCloseDelay={hoverCloseDelay}
      hoverOpenDelay={hoverOpenDelay}
      itemRender={itemRender}
      items={items}
      linkRender={linkRender}
      openOnClick={openOnClick}
      style={style}
      vertical={vertical}
      onSelect={onSelect}
    />
  </div>
);
export default Menu;