import React from "react";
import { HintProps } from "./HintProps";
import { Hint as KendoHint } from "@progress/kendo-react-labels";

const Hint: React.FC<HintProps> = ({
  dataTestId,
  children,
  className,
  direction,
  editorDisabled,
  id,
  style,
}) => (
  <div data-test-id={dataTestId}>
    <KendoHint
      className={className}
      direction={direction}
      editorDisabled={editorDisabled}
      id={id}
      style={style}
    >
      {children}
    </KendoHint>
  </div>
);

export default Hint;