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

function IconTerminologyBankComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
    const { prefix: prefixFromContext } = useContext(Context);
    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = false, spin, ...rest } = props;

    const prefix = prefixFromProps || prefixFromContext || 'hiagent';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-terminology-bank${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : 'none'} viewBox="0 0 18 18" {...rest} ref={ref}><path fill={useCurrentColor ? 'currentColor' : '#4E88E2'} fillRule="evenodd" d="M15.375 2.18182C15.375 1.80682 15.0184 1.5 14.5781 1.5H3.42188C2.9816 1.5 2.625 1.80682 2.625 2.18182V15.8182C2.625 16.1932 2.9816 16.5 3.42188 16.5H14.5781C15.0184 16.5 15.375 16.1932 15.375 15.8182V2.18182ZM6.28125 8.25C5.91881 8.25 5.625 8.54381 5.625 8.90625C5.625 9.26869 5.91881 9.5625 6.28125 9.5625H9.84375C10.2062 9.5625 10.5 9.26869 10.5 8.90625C10.5 8.54381 10.2062 8.25 9.84375 8.25H6.28125ZM5.625 5.84375C5.625 5.48131 5.91881 5.1875 6.28125 5.1875H11.7188C12.0812 5.1875 12.375 5.48131 12.375 5.84375C12.375 6.20619 12.0812 6.5 11.7188 6.5H6.28125C5.91881 6.5 5.625 6.20619 5.625 5.84375ZM6.28125 11.3125C5.91881 11.3125 5.625 11.6063 5.625 11.9688C5.625 12.3312 5.91881 12.625 6.28125 12.625H11.7188C12.0812 12.625 12.375 12.3312 12.375 11.9688C12.375 11.6063 12.0812 11.3125 11.7188 11.3125H6.28125Z" clipRule="evenodd"/></svg>;
}

const IconTerminologyBank = React.forwardRef(IconTerminologyBankComponent);
export default IconTerminologyBank;
