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

function IconKnowledgePicComponent(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-pic${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="M11.067 1.108a2.643 2.643 0 0 1 2.643 2.643v6.825a2.643 2.643 0 0 1-2.643 2.642H2.935a2.643 2.643 0 0 1-2.643-2.642V3.75a2.643 2.643 0 0 1 2.643-2.643h8.132Zm-8.78 10.733c.195.1.415.158.648.158h1.788l1.47-1.4L4.9 9.378 2.288 11.84ZM6.493 12h4.575c.75 0 1.362-.58 1.418-1.314l-2.203-2.3L6.492 12ZM2.935 2.327c-.785 0-1.423.638-1.423 1.424v6.825c0 .1.01.198.03.292l2.59-2.441.085-.072a1.12 1.12 0 0 1 1.366 0l.083.072 1.41 1.33 2.44-2.324.085-.075a1.12 1.12 0 0 1 1.492.112l1.398 1.458V3.75c0-.786-.639-1.423-1.424-1.424H2.935ZM4.51 3.864a1.425 1.425 0 0 1 0 2.848 1.424 1.424 0 0 1 0-2.848Z"/></svg>;
}

const IconKnowledgePic = React.forwardRef(IconKnowledgePicComponent);
export default IconKnowledgePic;
