import React from "react";
import { IconProps } from "./IconProps";
import { Icon as KendoIcon } from "@progress/kendo-react-common";

const Icon: React.FC<IconProps> = ({
  dataTestId,
  className,
  flip,
  id,
  name,
  size,
  style,
  tabIndex,
  themeColor,
  onClick,
  onDoubleClick,
  onMouseDown,
  onMouseEnter,
  onMouseLeave,
  onMouseMove,
  onMouseOut,
  onMouseOver,
  onMouseUp,
}) => (
  <div data-test-id={dataTestId}>
    <KendoIcon
      className={className}
      flip={flip}
      id={id}
      name={name}
      size={size}
      style={style}
      tabIndex={tabIndex}
      themeColor={themeColor}
      onClick={onClick}
      onDoubleClick={onDoubleClick}
      onMouseDown={onMouseDown}
      onMouseEnter={onMouseEnter}
      onMouseLeave={onMouseLeave}
      onMouseMove={onMouseMove}
      onMouseOut={onMouseOut}
      onMouseOver={onMouseOver}
      onMouseUp={onMouseUp}
    />
  </div>
);
export default Icon;