import React from "react";
import { TooltipProps } from "./TooltipProps";
import { Tooltip as KendoTooltip } from "@progress/kendo-react-tooltip";

const Tooltip: React.FC<TooltipProps> = ({
  dataTestId,
  anchorElement,
  appendTo,
  children,
  className,
  content,
  id,
  open,
  openDelay,
  parentTitle,
  position,
  showCallout,
  style,
  targetElement,
  tooltipClassName,
  tooltipStyle,
  updateInterval,
  filter,
  onClose,
  onOpen,
  onPosition,
}) => (
  <div data-test-id={dataTestId}>
    <KendoTooltip
      anchorElement={anchorElement}
      appendTo={appendTo}
      className={className}
      content={content}
      id={id}
      open={open}
      openDelay={openDelay}
      parentTitle={parentTitle}
      position={position}
      showCallout={showCallout}
      style={style}
      targetElement={targetElement}
      tooltipClassName={tooltipClassName}
      tooltipStyle={tooltipStyle}
      updateInterval={updateInterval}
      filter={filter}
      onClose={onClose}
      onOpen={onOpen}
      onPosition={onPosition}
    >
      {children}
    </KendoTooltip>
  </div>
);

export default Tooltip;