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

function IconNewAgentComponent(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-new-agent${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : 'none'} viewBox="0 0 20 20" {...rest} ref={ref}><rect width="20" height="20" fill={useCurrentColor ? 'currentColor' : '#1CBBFF'} rx="6"/><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M14.667 7.62v-.197a.584.584 0 0 0-.158-.4l-1.961-2.089a.583.583 0 0 0-.425-.184H6.08a.583.583 0 0 0-.583.583v1.054h2.818c.136 0 .267.047.372.134l1.333 1.1h4.647Z" opacity=".5"/><path fill={useCurrentColor ? 'currentColor' : '#fff'} fillRule="evenodd" d="M15.541 8.204a.583.583 0 0 0-.583-.583H10.02l-1.333-1.1a.583.583 0 0 0-.372-.134H5.042a.583.583 0 0 0-.584.584v7.98c0 .322.261.583.584.583h9.916a.583.583 0 0 0 .583-.583V8.204Zm-5.444 1.24c.997 0 1.824.683 1.98 1.577.436.178.741.586.741 1.06 0 .638-.55 1.155-1.228 1.155H8.802a1.28 1.28 0 0 1-.225-.02c-.771-.003-1.395-.591-1.395-1.316 0-.614.448-1.13 1.054-1.276.297-.692 1.019-1.18 1.861-1.18Z" clipRule="evenodd"/></svg>;
}

const IconNewAgent = React.forwardRef(IconNewAgentComponent);
export default IconNewAgent;
