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

function IconNotRegexComponent(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-NotRegex${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 18 18" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M13.9321 2.87992H15.4562C15.3711 2.91314 15.2905 2.95749 15.216 3.01211L13.5467 4.259C13.3324 4.12777 13.1881 3.89131 13.1881 3.62392C13.1881 3.21592 13.5241 2.87992 13.9321 2.87992ZM16.464 4.68011L15.3841 5.48606V13.6439H13.9321C13.5241 13.6439 13.1881 13.9799 13.1881 14.3879C13.1881 14.7959 13.5241 15.1319 13.9321 15.1319H15.5761C16.2841 15.1319 16.8601 14.5559 16.8601 13.8359V4.17592C16.8601 4.14481 16.8589 4.11394 16.8568 4.08334C16.8042 4.32259 16.6676 4.53006 16.464 4.68011ZM10.368 5.80811H11.4728L9.97204 6.9291V6.20411C9.97204 5.98811 10.152 5.80811 10.368 5.80811ZM6.60004 5.83211C8.04839 5.83211 8.82596 6.49151 8.86638 7.75498L4.48804 11.0254V6.22811C4.48804 6.0121 4.66804 5.83211 4.88404 5.83211H6.60004ZM8.34745 10.7375L7.2424 11.5622L7.53604 12.1561C7.60804 12.2881 7.74004 12.3721 7.89604 12.3721H8.54404C8.67604 12.3721 8.80804 12.3001 8.88004 12.1801C8.95204 12.0601 8.95204 11.9161 8.89204 11.7961L8.34745 10.7375ZM2.60405 4.35592V12.4327L1.41597 13.3201C1.29527 13.409 1.19811 13.5182 1.12805 13.6421V4.16392C1.12805 3.44392 1.71605 2.86792 2.42405 2.86792H4.05605C4.46405 2.86792 4.80005 3.20392 4.80005 3.61192C4.80005 4.01992 4.46405 4.35592 4.05605 4.35592H2.60405ZM2.65197 14.9881C2.57781 15.0425 2.49753 15.0867 2.41282 15.1199L2.42405 15.1199H4.05605C4.46405 15.1199 4.80005 14.7839 4.80005 14.3759C4.80005 14.081 4.62445 13.8236 4.373 13.7037L2.65197 14.9881ZM11.5759 8.32811L9.97204 9.52508V11.9641C9.97204 12.1801 10.152 12.3601 10.368 12.3601H13.404C13.62 12.3601 13.8 12.1801 13.8 11.9641V11.4721C13.8 11.2561 13.62 11.0761 13.404 11.0761H11.352V9.62411H12.96C13.176 9.62411 13.356 9.44411 13.356 9.22811V8.72411C13.356 8.50811 13.176 8.32811 12.96 8.32811H11.5759ZM13.7153 6.73143L13.216 7.10411H13.32C13.5282 7.10411 13.7029 6.93691 13.7153 6.73143ZM6.49204 8.76011C7.17604 8.76011 7.51204 8.46011 7.51204 7.86011C7.51204 7.29611 7.22404 7.06811 6.49204 7.06811H5.86804V8.76011H6.49204ZM16.2708 3.24951C16.1455 3.15858 15.9949 3.10915 15.8401 3.10815C15.6841 3.10815 15.5281 3.15615 15.3961 3.25215L1.59606 13.5602C1.27206 13.8002 1.21206 14.2682 1.45206 14.5922C1.50916 14.6707 1.5813 14.7371 1.66428 14.7875C1.74727 14.8379 1.83944 14.8714 1.93544 14.8859C2.03145 14.9004 2.12939 14.8957 2.22357 14.8721C2.31774 14.8484 2.40629 14.8063 2.48406 14.7482L16.2841 4.44015C16.4073 4.34646 16.4982 4.21653 16.5439 4.06859C16.5896 3.92065 16.5878 3.76212 16.5388 3.61522C16.4899 3.46833 16.3962 3.34045 16.2708 3.24951Z"/></svg>;
}

const IconNotRegex = React.forwardRef(IconNotRegexComponent);
export default IconNotRegex;
