import React, { ForwardedRef, useContext } from 'react';
import { OriginIconProps } from '../type';
import { Context } from '../context';

function IconTraceTextComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
    const { prefix: prefixFromContext } = useContext(Context);
    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;

    const prefix = prefixFromProps || prefixFromContext || 'hiagent';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-trace-text${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 16 16" {...rest} ref={ref}><path fillRule="evenodd" d="M2.2 3.99c0-.99.801-1.79 1.79-1.79h8.02c.989 0 1.79.801 1.79 1.79v5.553a1.79 1.79 0 0 1-1.79 1.789H3.99a1.79 1.79 0 0 1-1.79-1.79V3.99Zm1.79-.68a.679.679 0 0 0-.68.68v5.553a.68.68 0 0 0 .68.678h8.02a.679.679 0 0 0 .68-.678V3.989a.679.679 0 0 0-.68-.678H3.99Zm.987 1.913c0-.306.248-.555.555-.555h.617a.555.555 0 1 1 0 1.11h-.617a.555.555 0 0 1-.555-.555Zm2.468 0c0-.306.248-.555.555-.555h2.468a.555.555 0 1 1 0 1.11H8a.555.555 0 0 1-.555-.555ZM4.977 7.691c0-.306.248-.555.555-.555h.617a.555.555 0 0 1 0 1.11h-.617a.555.555 0 0 1-.555-.555Zm2.468 0c0-.306.248-.555.555-.555h2.468a.555.555 0 0 1 0 1.11H8a.555.555 0 0 1-.555-.555Zm-4.32 5.554c0-.307.25-.556.556-.556h8.638a.555.555 0 1 1 0 1.111H3.681a.555.555 0 0 1-.555-.555Z" clipRule="evenodd"/></svg>;
}

const IconTraceText = React.forwardRef(IconTraceTextComponent);
export default IconTraceText;
