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

function IconModel1Component(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_1${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 14 14" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M1.96768 4.76597C1.75964 4.6464 1.49994 4.79657 1.49994 5.03619V9.81839C1.49993 9.98674 1.54438 10.1521 1.62877 10.2978C1.71317 10.4436 1.83453 10.5644 1.9806 10.6481L5.88659 12.8893C5.9593 12.9311 6.04172 12.953 6.12557 12.9528C6.20942 12.9527 6.29176 12.9305 6.36434 12.8885C6.43691 12.8465 6.49717 12.7862 6.53905 12.7135C6.58095 12.6408 6.60301 12.5585 6.60303 12.4746V7.45285C6.60345 7.44512 6.6017 7.43732 6.59798 7.43051C6.59426 7.4237 6.58873 7.41803 6.58198 7.41413L1.96768 4.76597ZM6.99999 0.977234C6.91641 0.977234 6.83429 0.999135 6.76181 1.04076L2.20203 3.65735C2.17282 3.6741 2.14854 3.69827 2.13166 3.72741C2.11478 3.75655 2.10589 3.78963 2.10589 3.82331C2.10589 3.85699 2.11478 3.89007 2.13166 3.91921C2.14854 3.94835 2.17282 3.97251 2.20203 3.98926L6.75894 6.60394C6.83136 6.64547 6.91339 6.66733 6.99688 6.66733C7.08034 6.66733 7.16237 6.64547 7.23483 6.60394L11.795 3.98688C11.8243 3.97012 11.8486 3.94595 11.8654 3.91681C11.8823 3.88767 11.8912 3.85459 11.8912 3.82091C11.8912 3.78724 11.8823 3.75416 11.8654 3.72502C11.8486 3.69588 11.8243 3.67171 11.795 3.65496L7.23812 1.04076C7.16566 0.999135 7.08355 0.977234 6.99999 0.977234ZM12.5 9.81886V5.0362C12.5 4.98128 12.4855 4.92734 12.4581 4.87977C12.4307 4.83219 12.3912 4.79267 12.3436 4.76515C12.2961 4.73763 12.2423 4.72309 12.1873 4.72299C12.1324 4.72288 12.0784 4.73721 12.0308 4.76455L7.42081 7.41032C7.41339 7.4146 7.40719 7.4208 7.40298 7.4283C7.39877 7.4358 7.39671 7.44429 7.39686 7.45286V12.4746C7.39686 12.5585 7.41897 12.6409 7.46083 12.7135C7.50277 12.7862 7.56299 12.8465 7.63553 12.8885C7.70815 12.9305 7.79049 12.9527 7.87436 12.9528C7.95815 12.953 8.04064 12.9311 8.11334 12.8893L12.0193 10.6481C12.1653 10.5644 12.2866 10.4437 12.371 10.298C12.4554 10.1524 12.4999 9.98713 12.5 9.81886Z"/></svg>;
}

const IconModel1 = React.forwardRef(IconModel1Component);
export default IconModel1;
