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

function IconKnowledgeRightComponent(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-knowledge-right${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 16 16" {...rest} ref={ref}><path fillRule="evenodd" d="M4.37532 13.1664C4.09931 12.8214 4.15525 12.318 4.50026 12.042L9.69683 7.88471L4.51774 3.97162C4.16522 3.70527 4.09537 3.20358 4.36172 2.85106C4.62807 2.49854 5.12976 2.42869 5.48228 2.69503L10.7786 6.69673C11.5518 7.28089 11.5678 8.43692 10.8111 9.04228L5.49977 13.2914C5.15476 13.5674 4.65132 13.5114 4.37532 13.1664Z" clipRule="evenodd"/></svg>;
}

const IconKnowledgeRight = React.forwardRef(IconKnowledgeRightComponent);
export default IconKnowledgeRight;
