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

function IconModelManagementComponent(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-management${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 20 20" {...rest} ref={ref}><path d="M2.5 3.35116C2.5 2.87503 2.88598 2.48904 3.36212 2.48904H8.34533C8.82146 2.48904 9.20744 2.87503 9.20744 3.35116V8.33745C9.20744 8.81359 8.82146 9.19957 8.34533 9.19957H3.36212C2.88598 9.19957 2.5 8.81359 2.5 8.33745V3.35116zM2.5 11.6516C2.5 11.1755 2.88598 10.7895 3.36212 10.7895H8.34533C8.82146 10.7895 9.20744 11.1755 9.20744 11.6516V16.6379C9.20744 17.114 8.82146 17.5 8.34533 17.5H3.36212C2.88598 17.5 2.5 17.114 2.5 16.6379V11.6516zM10.7963 11.6516C10.7963 11.1755 11.1823 10.7895 11.6584 10.7895H16.638C17.1141 10.7895 17.5001 11.1755 17.5001 11.6516V16.6379C17.5001 17.114 17.1141 17.5 16.638 17.5H11.6584C11.1823 17.5 10.7963 17.114 10.7963 16.6379V11.6516z"/><path d="M10.7962 3.35113C10.7962 2.875 11.1822 2.48901 11.6583 2.48901H16.6379C17.114 2.48901 17.5 2.875 17.5 3.35113V8.33742C17.5 8.81356 17.114 9.19954 16.6379 9.19954H11.6583C11.1822 9.19954 10.7962 8.81356 10.7962 8.33742V3.35113Z" opacity=".5"/></svg>;
}

const IconModelManagement = React.forwardRef(IconModelManagementComponent);
export default IconModelManagement;
