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

function IconDataProcessingComponent(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-data-processing${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}><g fillRule="evenodd" clipRule="evenodd"><path d="M2.06656 10.0667C2.06656 9.183 2.7829 8.46665 3.66656 8.46665H5.93322C6.81688 8.46665 7.53322 9.18299 7.53322 10.0666V12.3333C7.53322 13.217 6.81688 13.9333 5.93322 13.9333H3.66656C2.7829 13.9333 2.06656 13.217 2.06656 12.3333V10.0667zM3.66656 9.66665C3.44565 9.66665 3.26656 9.84574 3.26656 10.0667V12.3333C3.26656 12.5542 3.44564 12.7333 3.66656 12.7333H5.93322C6.15414 12.7333 6.33322 12.5542 6.33322 12.3333V10.0666C6.33322 9.84574 6.15414 9.66665 5.93322 9.66665H3.66656zM8.46656 3.66665C8.46656 2.783 9.1829 2.06665 10.0666 2.06665H12.3332C13.2169 2.06665 13.9332 2.78299 13.9332 3.66665V5.93332C13.9332 6.81697 13.2169 7.53332 12.3332 7.53332H10.0666C9.1829 7.53332 8.46656 6.81697 8.46656 5.93332V3.66665zM10.0666 3.26665C9.84564 3.26665 9.66656 3.44574 9.66656 3.66665V5.93332C9.66656 6.15423 9.84564 6.33332 10.0666 6.33332H12.3332C12.5541 6.33332 12.7332 6.15423 12.7332 5.93332V3.66665C12.7332 3.44574 12.5541 3.26665 12.3332 3.26665H10.0666zM8.46656 10.0667C8.46656 9.183 9.1829 8.46665 10.0666 8.46665H12.3332C13.2169 8.46665 13.9332 9.18299 13.9332 10.0666V12.3333C13.9332 13.217 13.2169 13.9333 12.3332 13.9333H10.0666C9.1829 13.9333 8.46656 13.217 8.46656 12.3333V10.0667zM10.0666 9.66665C9.84564 9.66665 9.66656 9.84574 9.66656 10.0667V12.3333C9.66656 12.5542 9.84564 12.7333 10.0666 12.7333H12.3332C12.5541 12.7333 12.7332 12.5542 12.7332 12.3333V10.0666C12.7332 9.84574 12.5541 9.66665 12.3332 9.66665H10.0666zM7.60238 2.55914C7.85446 2.77423 7.88444 3.15295 7.66935 3.40502L4.99484 6.53939C4.63476 6.96139 3.98826 6.97802 3.60695 6.5751L2.04067 4.92002C1.8129 4.67934 1.82337 4.29959 2.06405 4.07182 2.30474 3.84405 2.68449 3.85452 2.91226 4.0952L4.27459 5.53476 6.7565 2.62611C6.97159 2.37403 7.35031 2.34405 7.60238 2.55914z"/></g></svg>;
}

const IconDataProcessing = React.forwardRef(IconDataProcessingComponent);
export default IconDataProcessing;
