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

function IconXMindComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
    const { prefix: prefixFromContext } = useContext(Context);
    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = false, spin, ...rest } = props;

    const prefix = prefixFromProps || prefixFromContext || 'hiagent';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-XMind${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : 'none'} viewBox="0 0 24 24" {...rest} ref={ref}><path fill={useCurrentColor ? 'currentColor' : '#F35E3C'} fillRule="evenodd" d="M6 1.5a3 3 0 0 0-3 3v15a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V9l-7.5-7.5H6Z" clipRule="evenodd"/><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M17.619 12.521c.094-.75-.038-.914-.81-.934-.467-.013-.937.01-1.405.024-.313.011-.625.038-.938.054-.399.02-.503.136-.456.507.018.139.042.277.046.416.012.377-.115.559-.474.704-.75.305-1.651.109-2.24-.473-.479-.473-.728-1.049-.903-1.671-.178-.635-.283-.69-.969-.672a141.8 141.8 0 0 1-2.5.044c-.52.005-.75.298-.65.788.14.68.534 1.209 1.083 1.607.58.418 1.224.753 1.83 1.14.17.107.302.266.45.402-.17.086-.333.22-.514.25-.764.119-1.5.313-2.179.67-.679.358-1.172.862-1.281 1.64-.059.414.023.504.46.495.802-.016 1.601-.038 2.402-.057.426-.01.574-.123.673-.52.021-.087.026-.18.054-.265.246-.743.75-1.246 1.599-1.233 1.684.028 2.994 1.05 3.296 2.626.087.458.33.622.82.59.993-.066 1.987-.134 2.981-.187.192-.01.249-.087.277-.246.09-.502-.093-.945-.347-1.364-.51-.838-1.29-1.401-2.13-1.9-.269-.159-.542-.311-.792-.495-.152-.112-.109-.236.08-.265.252-.038.509-.043.761-.077.861-.116 1.685-.663 1.776-1.598Z"/><path fill={useCurrentColor ? 'currentColor' : '#F89E8A'} d="M13.5 1.5 21 9h-4.5a3 3 0 0 1-3-3V1.5Z"/></svg>;
}

const IconXMind = React.forwardRef(IconXMindComponent);
export default IconXMind;
