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

function IconModelApplictionComponent(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_appliction${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 20 20" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path opacity=".5" d="M10.7499 5.87501C10.7499 4.01104 12.261 2.5 14.1249 2.5C15.9889 2.5 17.4999 4.01105 17.4999 5.87502C17.4999 7.73899 15.9889 9.25004 14.1249 9.25004H11.349C11.0181 9.25004 10.7499 8.98182 10.7499 8.65096V5.87501Z"/><path d="M2.5 5.87526C2.5 4.01129 4.01104 2.50024 5.875 2.50024 7.73897 2.50024 9.25001 4.01129 9.25001 5.87526V8.65121C9.25001 8.98207 8.98179 9.25028 8.65094 9.25028H5.87501C4.01104 9.25028 2.5 7.73923 2.5 5.87526zM10.75 11.3494C10.75 11.0185 11.0182 10.7503 11.3491 10.7503H14.125C15.989 10.7503 17.5001 12.2613 17.5001 14.1253 17.5001 15.9893 15.989 17.5003 14.125 17.5003 12.2611 17.5003 10.75 15.9893 10.75 14.1253V11.3494zM2.5 14.1252C2.5 12.2613 4.01105 10.7502 5.87502 10.7502H8.65095C8.98181 10.7502 9.25002 11.0184 9.25002 11.3493V14.1252C9.25002 15.9892 7.73898 17.5003 5.87501 17.5003 4.01104 17.5003 2.5 15.9892 2.5 14.1252z"/></svg>;
}

const IconModelAppliction = React.forwardRef(IconModelApplictionComponent);
export default IconModelAppliction;
