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

function IconF1Component(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-f1${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 18 18" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M1 3.96629C1 2.32805 2.32805 1 3.96629 1H14.0337C15.6719 1 17 2.32805 17 3.96629V14.0337C17 15.6719 15.6719 17 14.0337 17H3.96629C2.32805 17 1 15.6719 1 14.0337V3.96629ZM3.96629 2.61798C3.22164 2.61798 2.61798 3.22164 2.61798 3.96629V14.0337C2.61798 14.7783 3.22164 15.382 3.96629 15.382H14.0337C14.7783 15.382 15.382 14.7783 15.382 14.0337V3.96629C15.382 3.22164 14.7783 2.61798 14.0337 2.61798H3.96629ZM12.832 13.1501C12.6173 13.1501 12.441 13.0849 12.303 12.9546C12.165 12.8166 12.096 12.6479 12.096 12.4486V7.02469L11.4175 7.5266C11.3102 7.61093 11.176 7.6531 11.015 7.6531C10.831 7.6531 10.67 7.5841 10.532 7.4461C10.394 7.3081 10.325 7.14326 10.325 6.9516C10.325 6.70626 10.4438 6.50693 10.6815 6.3536L12.3375 5.2496C12.4142 5.19593 12.4985 5.1576 12.5905 5.1346C12.6902 5.1116 12.7822 5.1001 12.8665 5.1001C13.0888 5.1001 13.2652 5.1691 13.3955 5.3071C13.5258 5.43743 13.591 5.60226 13.591 5.8016V12.4486C13.591 12.6479 13.5182 12.8166 13.3725 12.9546C13.2345 13.0849 13.0543 13.1501 12.832 13.1501ZM4.6955 12.9546C4.8335 13.0849 5.00983 13.1501 5.2245 13.1501C5.41617 13.1501 5.581 13.0849 5.719 12.9546C5.86467 12.8166 5.9375 12.6479 5.9375 12.4486V9.7691H8.4215C8.62083 9.7691 8.78567 9.70393 8.916 9.5736C9.054 9.44326 9.123 9.29377 9.123 9.1251C9.123 8.92577 9.054 8.76476 8.916 8.6421C8.78567 8.51176 8.62083 8.4466 8.4215 8.4466H5.9375V6.4226H8.939C9.13833 6.4226 9.30317 6.35743 9.4335 6.2271C9.5715 6.09676 9.6405 5.94726 9.6405 5.7786C9.6405 5.57926 9.5715 5.41826 9.4335 5.2956C9.30317 5.16526 9.13833 5.1001 8.939 5.1001H5.2015C5.00217 5.1001 4.8335 5.1691 4.6955 5.3071C4.56517 5.43743 4.5 5.60226 4.5 5.8016V12.4486C4.5 12.6479 4.56517 12.8166 4.6955 12.9546Z"/></svg>;
}

const IconF1 = React.forwardRef(IconF1Component);
export default IconF1;
