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

function IconMenuEvaluationComponent(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-menu-evaluation${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 20 20" {...rest} ref={ref}><path d="M18.7602 12.2765L16.4294 6.77647H16.9C17.3568 6.77647 17.7277 6.38235 17.7277 5.89706C17.7277 5.41176 17.3568 5.01765 16.9 5.01765H14.4336C14.3865 5.01765 14.3395 5.00294 14.298 4.97941L12.8751 4.11471C12.5845 3.93824 12.2523 3.84412 11.9173 3.84412H10.8294V2.37941C10.8294 1.89412 10.4585 1.5 10.0018 1.5C9.54502 1.5 9.17408 1.89412 9.17408 2.37941V3.84412H8.08619C7.75125 3.84412 7.41907 3.93824 7.12841 4.11471L5.70557 4.97941C5.66405 5.00588 5.61699 5.01765 5.56993 5.01765H3.1035C2.64675 5.01765 2.27581 5.41176 2.27581 5.89706C2.27581 6.38235 2.64675 6.77647 3.1035 6.77647H3.57408L1.24329 12.2765C1.10211 12.6088 1.16855 13 1.41215 13.2588L1.99623 12.6382C1.41215 13.2588 1.41215 13.2588 1.41215 13.2618L1.41491 13.2647L1.42045 13.2706L1.43706 13.2882C1.4509 13.3 1.46751 13.3176 1.48689 13.3353C1.52841 13.3735 1.581 13.4206 1.65298 13.4765C1.79138 13.5882 1.98792 13.7265 2.24536 13.8618C2.76024 14.1353 3.50765 14.3941 4.47927 14.3941C5.4509 14.3941 6.19831 14.1353 6.71318 13.8618C6.97062 13.7265 7.16716 13.5882 7.30557 13.4765C7.37478 13.4206 7.43014 13.3735 7.47166 13.3353C7.49104 13.3176 7.50765 13.3 7.52149 13.2882L7.5381 13.2706L7.54363 13.2647L7.5464 13.2618L6.96232 12.6382L7.5464 13.2588C7.79 13 7.85644 12.6088 7.71526 12.2765L5.38446 6.77647H5.5644C5.89934 6.77647 6.23152 6.68235 6.52218 6.50588L7.94502 5.64118C7.98654 5.61471 8.0336 5.60294 8.08066 5.60294H9.16855V16.7412H6.40869C5.95194 16.7412 5.581 17.1353 5.581 17.6206C5.581 18.1059 5.95194 18.5 6.40869 18.5H13.5838C14.0405 18.5 14.4115 18.1059 14.4115 17.6206C14.4115 17.1353 14.0405 16.7412 13.5838 16.7412H10.8239V5.60294H11.9118C11.9589 5.60294 12.0059 5.61765 12.0474 5.64118L13.4703 6.50588C13.7609 6.68235 14.0931 6.77647 14.4281 6.77647H14.608L12.2772 12.2765C12.136 12.6088 12.2025 13 12.4461 13.2588L13.0301 12.6382C12.4461 13.2588 12.4461 13.2588 12.4461 13.2618L12.4488 13.2647L12.4544 13.2706L12.471 13.2882C12.4848 13.3 12.5014 13.3176 12.5208 13.3353C12.5623 13.3735 12.6149 13.4206 12.6869 13.4765C12.8253 13.5882 13.0218 13.7265 13.2793 13.8618C13.7942 14.1353 14.5416 14.3941 15.5132 14.3941C16.4848 14.3941 17.2322 14.1353 17.7471 13.8618C18.0045 13.7265 18.2011 13.5882 18.3395 13.4765C18.4087 13.4206 18.464 13.3735 18.5056 13.3353C18.5249 13.3176 18.5416 13.3 18.5554 13.2882L18.5665 13.2765L18.572 13.2706L18.5775 13.2647L18.5803 13.2618L17.9962 12.6382L18.5831 13.2588C18.8322 13 18.9014 12.6088 18.7602 12.2765Z"/></svg>;
}

const IconMenuEvaluation = React.forwardRef(IconMenuEvaluationComponent);
export default IconMenuEvaluation;
