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

function IconMenuAgentCenterComponent(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-agent-center${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="M10.8452 1C13.2908 1 15.2918 1.801 16.6307 3.3175C17.8142 4.6585 18.4412 6.4783 18.4412 8.5825C18.4431 10.1133 17.9774 11.6084 17.1059 12.8692C16.4103 13.8799 16.0164 15.0139 15.9604 16.1623L15.9531 16.4503V19H7.15835V17.1496L6.58377 17.1937C6.16305 17.2319 5.73898 17.1816 5.33901 17.0461C4.93905 16.9106 4.57212 16.6929 4.26198 16.4071C3.66916 15.8637 3.30935 15.1136 3.25737 14.3128L3.25105 14.1112V12.5002L2.12177 11.9359L2.08654 11.9305L2.05944 11.9035C1.82711 11.7665 1.65111 11.5519 1.56277 11.2977C1.47443 11.0436 1.47948 10.7665 1.57701 10.5157L1.63031 10.3987L3.27725 7.5394C3.52479 5.6341 4.17706 4.1194 5.2196 3.0358C6.52143 1.6858 8.4141 1 10.8452 1ZM10.8949 3.5614C10.6579 3.56142 10.4243 3.6176 10.2134 3.72529C10.0025 3.83299 9.82034 3.98912 9.68195 4.18079C9.54357 4.37246 9.45293 4.59417 9.41752 4.82762C9.38212 5.06107 9.40296 5.29956 9.47833 5.5234L7.72118 7.0102C7.35454 6.83847 6.94408 6.78214 6.54449 6.84871C6.1449 6.91528 5.77517 7.10159 5.48457 7.38281C5.19397 7.66403 4.9963 8.0268 4.91792 8.42277C4.83953 8.81875 4.88414 9.22912 5.04581 9.59919C5.20748 9.96927 5.47853 10.2815 5.82283 10.4942C6.16713 10.7069 6.56833 10.81 6.97296 10.7898C7.37759 10.7696 7.76643 10.627 8.08766 10.3811C8.40888 10.1352 8.64724 9.79752 8.77095 9.4132L12.3142 9.9073C12.3965 10.3163 12.6238 10.6822 12.9545 10.938C13.2853 11.1938 13.6974 11.3225 14.1156 11.3006C14.5337 11.2786 14.93 11.1075 15.2319 10.8184C15.5338 10.5294 15.7213 10.1417 15.7599 9.72635C15.7986 9.31098 15.6859 8.89561 15.4425 8.55619C15.1991 8.21676 14.8411 7.97595 14.4342 7.87777C14.0272 7.77958 13.5983 7.83059 13.226 8.02146C12.8536 8.21234 12.5627 8.53032 12.4063 8.9173L8.82787 8.4178C8.77326 8.14362 8.66087 7.8841 8.49812 7.6564L10.0927 6.3064C10.2884 6.42998 10.5102 6.50653 10.7408 6.52999C10.9713 6.55345 11.2041 6.52319 11.4209 6.44158C11.6376 6.35998 11.8323 6.22928 11.9897 6.05981C12.147 5.89034 12.2626 5.68674 12.3274 5.4651C12.3921 5.24346 12.4042 5.00985 12.3628 4.78274C12.3213 4.55563 12.2274 4.34124 12.0885 4.1565C11.9495 3.97177 11.7694 3.82175 11.5622 3.71832C11.3551 3.61488 11.1266 3.56085 10.8949 3.5605V3.5614Z"/></svg>;
}

const IconMenuAgentCenter = React.forwardRef(IconMenuAgentCenterComponent);
export default IconMenuAgentCenter;
