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

function IconModelDefaultComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
    const { prefix: prefixFromContext } = useContext(Context);
    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;

    const prefix = prefixFromProps || prefixFromContext || 'hiagent';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-model-default${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 16 16" {...rest} ref={ref}><g clipPath="url(#svg_3faab458e4__svg_1166db2e6b__a)" fillRule="evenodd" clipRule="evenodd"><path d="M15.5 8a7.473 7.473 0 0 1-1.95 5.044l-2.675-2.676a3.87 3.87 0 0 0 .896-2.482 3.87 3.87 0 0 0-1.026-2.631l2.558-2.558A7.477 7.477 0 0 1 15.5 8ZM8 .5ZM2.697 2.697a7.5 7.5 0 0 0 9.738 11.352l-2.73-2.73a3.886 3.886 0 0 1-4.567-6.182l-2.441-2.44Zm0 0ZM5.5 7.886a2.386 2.386 0 1 1 4.771 0 2.386 2.386 0 0 1-4.771 0Z"/><path d="M10.87 1.07c.91.378 1.737.93 2.433 1.627l-2.558 2.558A3.875 3.875 0 0 0 7.885 4a3.874 3.874 0 0 0-2.747 1.138L2.697 2.697A7.5 7.5 0 0 1 10.87 1.07Z" opacity=".5"/></g><defs><clipPath id="svg_3faab458e4__svg_1166db2e6b__a"><path d="M0 0h16v16H0z"/></clipPath></defs></svg>;
}

const IconModelDefault = React.forwardRef(IconModelDefaultComponent);
export default IconModelDefault;
