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

function IconKnowledgeLeftComponent(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-left${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="M11.6247 2.83358C11.9007 3.17859 11.8448 3.68203 11.4997 3.95803L6.30317 8.11529L11.4823 12.0284C11.8348 12.2947 11.9046 12.7964 11.6383 13.1489C11.3719 13.5015 10.8702 13.5713 10.5177 13.305L5.22137 9.30327C4.4482 8.71911 4.43219 7.56308 5.18888 6.95772L10.5002 2.70864C10.8452 2.43264 11.3487 2.48857 11.6247 2.83358Z" clipRule="evenodd"/></svg>;
}

const IconKnowledgeLeft = React.forwardRef(IconKnowledgeLeftComponent);
export default IconKnowledgeLeft;
