import React from "react";
import { SvgIconProps } from "./SvgIconProps";
import { SvgIcon as KendoSvgIcon } from "@progress/kendo-react-common";

const SvgIcon: React.FC<SvgIconProps> = ({
  dataTestId,
  className,
  flip,
  icon,
  id,
  size,
  style,
  svgClassName,
  svgStyle,
  tabIndex,
  themeColor,
  viewBox,
}) => (
  <div data-test-id={dataTestId}>
    <KendoSvgIcon
      className={className}
      flip={flip}
      icon={icon}
      id={id}
      size={size}
      style={style}
      svgClassName={svgClassName}
      svgStyle={svgStyle}
      tabIndex={tabIndex}
      themeColor={themeColor}
      viewBox={viewBox}
    />
  </div>
);

export default SvgIcon;