'use client';

import React from 'react';

type IconFontProps = {
  /** 图标名称，对应 iconfont 中的图标 ID */
  type: string;
  /** 图标颜色，默认 currentColor（继承父元素颜色） */
  color?: string;
  /** 额外的 className */
  className?: string;
} & React.HTMLAttributes<SVGSVGElement>;

const IconFont = ({ type, color = 'currentColor', className = '', ...props }: IconFontProps) => {
  return (
    <svg className={`iconfont-v2 ${className}`} style={{ color }} aria-hidden="true" {...props}>
      <use xlinkHref={`#${type}`}></use>
    </svg>
  );
};
export default IconFont;
