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

function IconWeworkBotComponent(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-wework_bot${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}><rect width="24" height="24" fill={useCurrentColor ? 'currentColor' : '#DBEAFF'} rx="4"/><path fill={useCurrentColor ? 'currentColor' : '#0178F0'} d="M14 2.5a1.5 1.5 0 1 1-.905 2.694 2.83 2.83 0 0 0-.583 1.534l.128.011v.003c3.13.212 5.741 2.22 6.725 4.96A2.108 2.108 0 0 1 21 13.758c0 .922-.588 1.703-1.407 1.991-.777 3.291-3.84 5.75-7.501 5.75-3.64 0-6.688-2.43-7.487-5.691A2.107 2.107 0 0 1 3 13.759c0-1.075.8-1.962 1.832-2.094.932-2.55 3.278-4.46 6.136-4.862l.54-.055c.058-1.01.458-1.79.929-2.327.031-.036.064-.07.096-.104A1.5 1.5 0 0 1 14 2.5ZM12.01 9C8.534 9 6 11.706 6 14.426S8.493 19.6 11.97 19.6c3.476 0 6.03-2.493 6.03-5.213S15.486 9 12.01 9Zm-2.715 3.352c.772 0 1.398.63 1.398 1.407s-.626 1.407-1.398 1.407c-.773 0-1.4-.63-1.4-1.407s.628-1.407 1.4-1.407Zm5.595 0c.772 0 1.399.63 1.4 1.407 0 .777-.628 1.407-1.4 1.407-.773 0-1.399-.63-1.399-1.407s.626-1.407 1.399-1.407Z"/></svg>;
}

const IconWeworkBot = React.forwardRef(IconWeworkBotComponent);
export default IconWeworkBot;
