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

function IconKnowledgeBoardComponent(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_board${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 20 20" {...rest} ref={ref}><path d="M15.084 3.33a2.75 2.75 0 0 1 2.75 2.75v7.833a2.75 2.75 0 0 1-2.75 2.75H4.75A2.75 2.75 0 0 1 2 13.913V6.08a2.75 2.75 0 0 1 2.75-2.75h10.334Zm-10 3.898a.75.75 0 0 0-.75.75v5.167a.75.75 0 0 0 1.5 0V7.978a.75.75 0 0 0-.75-.75Zm3.5 2.5a.75.75 0 0 0-.75.75v2.667a.75.75 0 0 0 1.5 0v-2.667a.75.75 0 0 0-.75-.75Zm5.5-4.083a.303.303 0 0 0-.257.141l-.497.787-.65.08a.298.298 0 0 0-.19.49l.54.62-.175.86a.3.3 0 0 0 .119.3.306.306 0 0 0 .323.017l.787-.431.787.43a.306.306 0 0 0 .322-.017.302.302 0 0 0 .104-.133.302.302 0 0 0 .014-.168l-.173-.858.54-.62a.298.298 0 0 0-.192-.49l-.648-.08-.498-.787a.302.302 0 0 0-.256-.141Z"/></svg>;
}

const IconKnowledgeBoard = React.forwardRef(IconKnowledgeBoardComponent);
export default IconKnowledgeBoard;
