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

function IconMergeGraphComponent(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-merge-graph${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 16 16" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M8.81363 10.6911C9.35115 9.93067 9.66697 9.00238 9.66697 8.00033C9.66697 6.99827 9.35115 6.06998 8.81363 5.30956C9.41009 4.82435 10.171 4.5335 10.9998 4.5335C12.9145 4.5335 14.4666 6.08565 14.4666 8.00033C14.4666 9.915 12.9145 11.4672 10.9998 11.4672C10.171 11.4672 9.41009 11.1763 8.81363 10.6911ZM7.99998 4.42523C7.18881 3.74387 6.1424 3.3335 5.00014 3.3335C2.42272 3.3335 0.333313 5.42291 0.333313 8.00033C0.333313 10.5777 2.42272 12.6672 5.00014 12.6672C6.1424 12.6672 7.18881 12.2568 7.99998 11.5754C8.81115 12.2568 9.85756 12.6672 10.9998 12.6672C13.5772 12.6672 15.6666 10.5777 15.6666 8.00033C15.6666 5.42291 13.5772 3.3335 10.9998 3.3335C9.85756 3.3335 8.81115 3.74387 7.99998 4.42523Z"/></svg>;
}

const IconMergeGraph = React.forwardRef(IconMergeGraphComponent);
export default IconMergeGraph;
