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

function IconAgentPublishWeChatComponent(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-agent_publish_WeChat${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : 'none'} viewBox="0 0 24 24" {...rest} ref={ref}><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M0 0H24V24H0z"/><rect width="23" height="23" x=".5" y=".5" fill={useCurrentColor ? 'currentColor' : '#D5F2CE'} rx="4.5"/><rect width="23" height="23" x=".5" y=".5" stroke="#D5F2CE" rx="4.5"/><path fill={useCurrentColor ? 'currentColor' : '#5FC041'} d="M9.49327 3.75C5.34233 3.75 2.20001 6.52778 2.20001 9.91667C2.25392 11.9167 3.13209 13.6944 4.74934 14.6944L3.99462 17.0833L6.47441 15.5278C7.39085 15.8611 8.41511 16.0278 9.38546 16.0278C9.11592 15.3611 8.95419 14.6944 8.95419 13.9722C8.95419 10.5833 12.0809 7.80556 15.9623 7.80556C16.124 7.80556 16.3396 7.80556 16.5014 7.86111C15.531 5.52778 12.7817 3.80556 9.49327 3.75ZM6.47441 6.36111C7.01349 6.36111 7.49866 6.80556 7.49866 7.41667C7.49866 7.97222 7.0674 8.47222 6.47441 8.47222C5.93532 8.47222 5.45015 8.02778 5.45015 7.41667C5.50406 6.80556 5.93532 6.36111 6.47441 6.36111ZM11.4879 6.36111C12.027 6.36111 12.5121 6.80556 12.5121 7.41667C12.5121 7.97222 12.0809 8.47222 11.4879 8.47222C10.8949 8.47222 10.4636 8.02778 10.4636 7.41667C10.4636 6.80556 10.9488 6.36111 11.4879 6.36111ZM15.9623 8.91667C12.6739 8.91667 9.97845 11.1944 9.97845 14.0833C9.97845 16.9167 12.6739 19.25 15.9623 19.25C16.6092 19.25 17.2561 19.1944 17.8491 18.9722L19.9515 20.25L19.3585 18.3056C20.9218 17.4722 21.8922 15.8611 22 14.0833C21.9461 11.25 19.3046 8.91667 15.9623 8.91667ZM13.9677 11.4722C14.5068 11.4722 14.9919 11.9167 14.9919 12.5278C14.9919 13.1389 14.5607 13.5833 13.9677 13.5833C13.3747 13.5833 12.9434 13.1389 12.9434 12.5278C12.9973 11.9722 13.4286 11.4722 13.9677 11.4722ZM17.9569 11.4722C18.496 11.4722 18.9811 11.9167 18.9811 12.5278C18.9811 13.1389 18.5499 13.5833 17.9569 13.5833C17.4178 13.5833 16.9326 13.1389 16.9326 12.5278C16.9865 11.9722 17.4178 11.4722 17.9569 11.4722Z"/></svg>;
}

const IconAgentPublishWeChat = React.forwardRef(IconAgentPublishWeChatComponent);
export default IconAgentPublishWeChat;
