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

function IconTerminologyComponent(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-terminology${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 d="M7.001.51c1.79 0 3.413.727 4.585 1.9a6.466 6.466 0 0 1 1.898 4.583c0 1.79-.726 3.413-1.898 4.585A6.467 6.467 0 0 1 7 13.477c-.01 0-.02-.003-.028-.003H1.5a.65.65 0 0 1 0-1.3H7l.031.002a5.165 5.165 0 0 0 3.634-1.518 5.166 5.166 0 0 0 1.519-3.665c0-1.43-.58-2.726-1.519-3.665A5.166 5.166 0 0 0 7 1.811a5.165 5.165 0 0 0-3.665 1.517 5.165 5.165 0 0 0-1.518 3.665 5.16 5.16 0 0 0 1.036 3.11.65.65 0 0 1-1.04.781 6.46 6.46 0 0 1-1.297-3.89 6.47 6.47 0 0 1 1.9-4.585A6.466 6.466 0 0 1 7.001.51ZM8 8.35a.65.65 0 0 1 0 1.3H5a.65.65 0 0 1 0-1.3h3Zm1-3a.65.65 0 0 1 0 1.3H5a.65.65 0 0 1 0-1.3h4Z"/></svg>;
}

const IconTerminology = React.forwardRef(IconTerminologyComponent);
export default IconTerminology;
