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

function IconKnowledgeFluctuationComponent(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-fluctuation${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 d="M14.4 7.318a.68.68 0 0 1 0 1.36h-2.088l-1.656 5.82c-.243.856-1.458.85-1.695-.007L5.947 3.585l-1.188 4.44a.88.88 0 0 1-.85.652H1.6a.68.68 0 0 1 0-1.36h1.94l1.552-5.785.001-.007.05-.138.003-.007C5.43.757 6.304.715 6.668 1.258l.066.116.003.006.05.139.002.006 3.026 10.954 1.289-4.523a.88.88 0 0 1 .846-.638h2.45Z"/></svg>;
}

const IconKnowledgeFluctuation = React.forwardRef(IconKnowledgeFluctuationComponent);
export default IconKnowledgeFluctuation;
