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

function IconVectorModelComponent(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-vector-model${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 14 14" {...rest} ref={ref}><path fillRule="evenodd" d="M13.417 2.625A2.042 2.042 0 0 0 9.53 1.75H4.47a2.042 2.042 0 1 0-2.72 2.72v5.06a2.042 2.042 0 1 0 2.72 2.72h5.06a2.042 2.042 0 1 0 2.72-2.72V4.47a2.042 2.042 0 0 0 1.167-1.845Zm-2.917 8.75a.875.875 0 1 1 1.75 0 .875.875 0 0 1-1.75 0ZM2.625 10.5a.875.875 0 1 0 0 1.75.875.875 0 0 0 0-1.75Zm2.02-7.583h4.709a2.043 2.043 0 0 0 1.73 1.729v4.708a2.043 2.043 0 0 0-1.73 1.73H4.646a2.043 2.043 0 0 0-1.73-1.73V4.646a2.043 2.043 0 0 0 1.73-1.73ZM7 4.375a2.625 2.625 0 1 1 0 5.25 2.625 2.625 0 0 1 0-5.25ZM5.54 7a1.458 1.458 0 1 1 2.917 0A1.458 1.458 0 0 1 5.54 7Zm5.834-5.25a.875.875 0 1 0 0 1.75.875.875 0 0 0 0-1.75Zm-9.625.875a.875.875 0 1 1 1.75 0 .875.875 0 0 1-1.75 0Z" clipRule="evenodd"/></svg>;
}

const IconVectorModel = React.forwardRef(IconVectorModelComponent);
export default IconVectorModel;
