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

function IconSankeyDiagramComponent(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-sankey-diagram${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : 'none'} viewBox="0 0 140 140" {...rest} ref={ref}><path fill={useCurrentColor ? 'currentColor' : '#EAEDF1'} d="M26.892 16.486c28.897 0 45.16 14.21 57.203 25.633 12.47 11.827 18.195 17.475 29.013 17.475v29.73c-24.793 0-39.216-15.906-49.472-25.633-10.682-10.13-19.722-17.475-36.744-17.475v-29.73Z" opacity=".7"/><path fill={useCurrentColor ? 'currentColor' : '#EAEDF1'} d="M113.108 16.486c-14.367 0-25.154 7.345-33.464 16.978-8.155 9.455-14.53 21.8-20.176 33.248-5.847 11.856-10.872 22.637-16.59 30.651-5.73 8.031-10.763 11.285-15.986 11.285v14.865c12.581 0 21.488-8.266 28.088-17.515 6.61-9.267 12.305-21.527 17.82-32.71 5.717-11.593 11.35-22.29 18.1-30.115 6.597-7.647 13.616-11.822 22.208-11.822V16.486Z" opacity=".7"/><path fill={useCurrentColor ? 'currentColor' : '#EAEDF1'} d="M26.892 65.54c25.928 0 40.384 12.494 52.088 23.594 11.916 11.302 19.816 19.514 34.128 19.514v14.865c-21.299 0-33.547-13.341-44.357-23.594-11.022-10.453-21.868-19.514-41.86-19.514V65.54Z" opacity=".5"/><rect width="8.919" height="110" x="15" y="14.999" fill={useCurrentColor ? 'currentColor' : '#DDE2E9'} rx="2"/><path fill={useCurrentColor ? 'currentColor' : '#DDE2E9'} d="M17 33a2 2 0 0 1-2-2V17a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-2Zm0 28a2 2 0 0 1-2-2V45a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-2Zm0 28a2 2 0 0 1-2-2V73a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-2Z"/><rect width="8.919" height="110" x="116.081" y="14.999" fill={useCurrentColor ? 'currentColor' : '#DDE2E9'} rx="2"/><path fill={useCurrentColor ? 'currentColor' : '#DDE2E9'} d="M118.081 33a2 2 0 0 1-2-2V17a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-2Zm0 28a2 2 0 0 1-2-2V45a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-2Zm0 28a2 2 0 0 1-2-2V73a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-2Z"/></svg>;
}

const IconSankeyDiagram = React.forwardRef(IconSankeyDiagramComponent);
export default IconSankeyDiagram;
