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

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

    const prefix = prefixFromProps || prefixFromContext || 'hiagent';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-batch-processing${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : 'currentColor'} viewBox="0 0 20 20" {...rest} ref={ref}><rect width="20" height="20" fill={useCurrentColor ? 'currentColor' : '#F6BB45'} rx="6"/><g clipPath="url(#svg_c1766c3741__clip0_31658_1056654)"><mask id="svg_c1766c3741__a" width="14" height="14" x="3" y="3" maskUnits="userSpaceOnUse" style={{maskType: 'luminance'}}><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M3 3H17V17H3V3Z"/></mask><g mask="url(#svg_c1766c3741__a)"><path fill={useCurrentColor ? 'currentColor' : '#fff'} fillRule="evenodd" d="M9.34899 4.24686L4.53999 6.99436C4.47266 7.03252 4.41666 7.08786 4.37769 7.15472C4.33873 7.22159 4.3182 7.2976 4.3182 7.37499C4.3182 7.45238 4.33873 7.52838 4.37769 7.59525C4.41666 7.66212 4.47266 7.71745 4.53999 7.75561L9.34899 10.5031C9.54726 10.6164 9.77165 10.6759 9.99999 10.6759C10.2283 10.6759 10.4527 10.6164 10.651 10.5031L15.46 7.75561C15.5273 7.71745 15.5833 7.66212 15.6223 7.59525C15.6613 7.52838 15.6818 7.45238 15.6818 7.37499C15.6818 7.2976 15.6613 7.22159 15.6223 7.15472C15.5833 7.08786 15.5273 7.03252 15.46 6.99436L10.651 4.24686C10.4527 4.13361 10.2283 4.07404 9.99999 4.07404C9.77165 4.07404 9.54726 4.13361 9.34899 4.24686ZM4.68874 9.38311L4.72987 9.40236L9.99999 12.1761L15.2701 9.40236C15.3381 9.364 15.4131 9.33967 15.4907 9.33082C15.5683 9.32197 15.6468 9.32877 15.7217 9.35082C15.7966 9.37288 15.8663 9.40974 15.9267 9.45921C15.9871 9.50869 16.037 9.56979 16.0733 9.63888C16.1097 9.70797 16.1318 9.78366 16.1384 9.86145C16.145 9.93925 16.1359 10.0176 16.1117 10.0918C16.0875 10.166 16.0486 10.2346 15.9974 10.2936C15.9461 10.3525 15.8836 10.4005 15.8135 10.4349L10.2747 13.3504C10.2638 13.3563 10.2528 13.3618 10.2415 13.367L10.2117 13.3792L10.1601 13.3967L10.1374 13.4029L10.098 13.4107L10.0481 13.4169L10.0105 13.4186H9.97899L9.92474 13.4142L9.89237 13.409L9.85037 13.4002L9.81012 13.3871L9.76812 13.3705L9.72612 13.3504L4.18737 10.4349C4.05721 10.3629 3.95943 10.244 3.91399 10.1024C3.86855 9.96079 3.87888 9.80718 3.94288 9.67293C4.00687 9.53869 4.1197 9.43394 4.25832 9.38008C4.39694 9.32621 4.55089 9.3273 4.68874 9.38311ZM9.72612 15.9754L4.18737 13.0599C4.05721 12.9879 3.95943 12.869 3.91399 12.7274C3.86855 12.5858 3.87888 12.4322 3.94288 12.2979C4.00687 12.1637 4.1197 12.0589 4.25832 12.0051C4.39694 11.9512 4.55089 11.9523 4.68874 12.0081L4.72987 12.0274L9.99999 14.8011L15.2701 12.0274C15.3381 11.989 15.4131 11.9647 15.4907 11.9558C15.5683 11.947 15.6468 11.9538 15.7217 11.9758C15.7966 11.9979 15.8663 12.0347 15.9267 12.0842C15.9871 12.1337 16.037 12.1948 16.0733 12.2639C16.1097 12.333 16.1318 12.4087 16.1384 12.4865C16.145 12.5643 16.1359 12.6426 16.1117 12.7168C16.0875 12.791 16.0486 12.8596 15.9974 12.9186C15.9461 12.9775 15.8836 13.0255 15.8135 13.0599L10.2747 15.9754C10.2638 15.9813 10.2528 15.9868 10.2415 15.992L10.2117 16.0042L10.1601 16.0217L10.1374 16.0279L10.098 16.0357L10.0481 16.0419L10.0105 16.0436H9.97899L9.92474 16.0392L9.89237 16.034L9.85037 16.0252L9.81012 16.0121L9.76812 15.9955L9.72612 15.9754Z" clipRule="evenodd"/></g></g><defs><clipPath id="svg_c1766c3741__clip0_31658_1056654"><path fill={useCurrentColor ? 'currentColor' : '#fff'} transform="translate(3 3)" d="M0 0H14V14H0z"/></clipPath></defs></svg>;
}

const IconBatchProcessing = React.forwardRef(IconBatchProcessingComponent);
export default IconBatchProcessing;
