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

function IconModelServiceCComponent(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-model-service-c${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : 'none'} viewBox="0 0 16 16" {...rest} ref={ref}><path fill={useCurrentColor ? 'currentColor' : '#9876FF'} d="M8.888 8.035a.979.979 0 0 0 .647-.28.98.98 0 1 0-1.493-1.252.979.979 0 0 0 .846 1.532Z"/><path fill={useCurrentColor ? 'currentColor' : '#9876FF'} fillRule="evenodd" d="M2.288 1.5a.788.788 0 0 0-.788.788v11.424c0 .435.353.788.788.788h11.424a.788.788 0 0 0 .788-.788V2.288a.788.788 0 0 0-.788-.788H2.288Zm9.146 2.972a.283.283 0 0 1 .077.143A4.803 4.803 0 0 1 9.645 9.6a.478.478 0 0 0-.11.176 3.89 3.89 0 0 1-1.01 1.778c-.237.222-.494.42-.768.593a.303.303 0 0 1-.343-.034.277.277 0 0 1-.075-.317c.128-.368.202-.753.22-1.142a.313.313 0 0 0-.132-.264c-.37-.268-.723-.562-1.054-.878a9.95 9.95 0 0 1-.878-1.054.313.313 0 0 0-.263-.131c-.39.017-.774.091-1.142.22a.31.31 0 0 1-.242-.023.288.288 0 0 1-.11-.395A3.807 3.807 0 0 1 6.11 6.35a.302.302 0 0 0 .176-.11 4.862 4.862 0 0 1 5.006-1.844.282.282 0 0 1 .143.076ZM4.815 11.07c-.216-.216.57-1.377.748-1.554a.562.562 0 0 1 .649 0 .573.573 0 0 1 .157.806c-.177.178-1.337.965-1.554.748Z" clipRule="evenodd"/></svg>;
}

const IconModelServiceC = React.forwardRef(IconModelServiceCComponent);
export default IconModelServiceC;
