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

function IconModelExperienceCenterComponent(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_experience_center${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="M1.66644 6.62445V3.33333C1.66644 2.8731 2.03954 2.5 2.49977 2.5H17.5C17.9602 2.5 18.3333 2.8731 18.3333 3.33333V6.62444C18.3333 7.08468 17.9602 7.45778 17.5 7.45778H2.49977C2.03954 7.45778 1.66644 7.08468 1.66644 6.62445Z"/><path fillRule="evenodd" clipRule="evenodd" d="M2.68819 16.6667V7.45776H17.3118V16.6667C17.3118 17.1269 16.9387 17.5 16.4785 17.5H3.52152C3.06129 17.5 2.68819 17.1269 2.68819 16.6667ZM12.0833 11.7192C12.3134 11.7192 12.5 11.5327 12.5 11.3026V10.4692C12.5 10.2391 12.3134 10.0526 12.0833 10.0526H7.91667C7.68655 10.0526 7.5 10.2391 7.5 10.4692V11.3026C7.5 11.5327 7.68655 11.7192 7.91667 11.7192H12.0833Z"/></svg>;
}

const IconModelExperienceCenter = React.forwardRef(IconModelExperienceCenterComponent);
export default IconModelExperienceCenter;
