/**
 * 为基础的svg图标服务：默认色号#3C3C43 。然后透明度是0.6 ， hover：#000
 */
import React, { FC, HTMLAttributes } from "react";
import clsx from "clsx";
interface Props extends HTMLAttributes<HTMLDivElement> {}

const IconCom: FC<Props> = props => {
  const { children, className, ...divAttributes } = props;
  return (
    <div
      {...divAttributes}
      className={clsx("cursor-pointer text-ntsSvg hover:text-ntsSvg-200 flex items-center", className)}
    >
      {children}
    </div>
  );
};
export default IconCom;
