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

function IconAgentPublishOthersComponent(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_others${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' : '#E1EDFB'} rx="4"/><g clipPath="url(#svg_8d960dbf9c__clip0_35087_1069745)" strokeLinecap="round" strokeWidth="2"><path stroke="#4781FF" d="M9.5 11.9738V6.16667C9.5 4.78595 10.6193 3.66667 12 3.66667C13.3807 3.66667 14.5 4.78595 14.5 6.16667V7.00238"/><path stroke="#FFB21A" d="M14.5 12.0014V17.8333C14.5 19.214 13.3807 20.3333 12 20.3333C10.6193 20.3333 9.5 19.214 9.5 17.8333V16.9875"/><path stroke="#F946B4" d="M12 14.5H6.16008C4.78302 14.5 3.66669 13.3807 3.66669 12C3.66669 10.6193 4.78302 9.5 6.16008 9.5H6.99527"/><path stroke="#24CF4F" d="M12 9.5H17.8287C19.212 9.5 20.3333 10.6193 20.3333 12C20.3333 13.3807 19.212 14.5 17.8287 14.5H17.0276"/></g><defs><clipPath id="svg_8d960dbf9c__clip0_35087_1069745"><path fill={useCurrentColor ? 'currentColor' : '#fff'} transform="translate(2 2)" d="M0 0H20V20H0z"/></clipPath></defs></svg>;
}

const IconAgentPublishOthers = React.forwardRef(IconAgentPublishOthersComponent);
export default IconAgentPublishOthers;
