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

function IconLLMopsLogoComponent(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-LLMops-logo${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}><g clipPath="url(#svg_cc2fd24989__svg_1a0c9df60b__a)"><path fill={useCurrentColor ? 'currentColor' : 'url(#svg_cc2fd24989__svg_1a0c9df60b__b)'} fillRule="evenodd" d="M4.078 4.607c.785-.852 3.182-2.9 7.917-2.9 4.735 0 7.132 2.048 7.917 2.9.322.349.46.771.496 1.145l.774 7.786c.005.05.008.101.01.152l.004.152c.003.134.005.188.017.25.068.35.104.707.104 1.071 0 2.086-1.15 3.892-2.845 5.14-1.695 1.248-3.988 1.99-6.477 1.99-2.49 0-4.783-.742-6.477-1.99-1.695-1.248-2.845-3.054-2.845-5.14 0-.364.036-.723.104-1.073.012-.06.014-.115.017-.248l.005-.153c.001-.05.004-.1.01-.151l.773-7.786c.037-.374.175-.796.496-1.145Zm3.075 2.141a.776.776 0 0 0-.177.441l-.438 4.426c-.06.61.418 1.137 1.03 1.137h8.783c.618 0 1.098-.536 1.03-1.15l-.494-4.441a.757.757 0 0 0-.152-.397c-.387-.48-1.707-1.766-4.75-1.766-3.009 0-4.402 1.258-4.832 1.75Zm-5.322 8.1c-.046.454-.589.608-.806.206-.491-.913-.777-2-.777-3.167 0-1.674.588-3.183 1.53-4.251.294-.335.777-.073.733.37l-.68 6.841Zm20.337-.012c.045.455.589.609.805.206.487-.91.77-1.993.77-3.155 0-1.668-.583-3.173-1.52-4.24-.294-.336-.778-.075-.733.37l.678 6.819ZM10.816 8.182a1.26 1.26 0 1 1-2.52 0 1.26 1.26 0 0 1 2.52 0Zm3.594 1.26a1.26 1.26 0 1 0 0-2.52 1.26 1.26 0 0 0 0 2.52Z" clipRule="evenodd"/></g><defs><linearGradient id="svg_cc2fd24989__svg_1a0c9df60b__b" x1="11.996" x2="11.996" y1="1.707" y2="22.293" gradientUnits="userSpaceOnUse"><stop stopColor="#818A9C"/><stop offset="1" stopColor="#353D51"/></linearGradient><clipPath id="svg_cc2fd24989__svg_1a0c9df60b__a"><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M0 0h24v24H0z"/></clipPath></defs></svg>;
}

const IconLLMopsLogo = React.forwardRef(IconLLMopsLogoComponent);
export default IconLLMopsLogo;
