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

function IconWflHttpComponent(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-wfl_http${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : 'none'} viewBox="0 0 20 20" {...rest} ref={ref}><rect width="20" height="20" fill={useCurrentColor ? 'currentColor' : '#669AFF'} rx="6"/><g fill={useCurrentColor ? 'currentColor' : '#fff'}><path d="M4.73633 7.48369C5.43318 6.02849 6.71564 4.90719 8.27851 4.42501 8.07758 4.76901 7.91195 5.16695 7.77566 5.58749 7.59597 6.14199 7.45216 6.7835 7.35051 7.48369H4.73633zM10.0005 4.16667C9.24846 4.16667 8.59877 5.52171 8.2943 7.48369H11.7062C11.4017 5.5217 10.7525 4.16667 10.0005 4.16667zM4.73636 12.5164H7.35052C7.45216 13.2166 7.59597 13.8581 7.77566 14.4125 7.91194 14.8331 8.07757 15.231 8.27849 15.575 6.71566 15.0928 5.43321 13.9715 4.73636 12.5164zM9.99572 15.8333C9.99732 15.8333 9.99892 15.8333 10.0005 15.8333 10.0019 15.8333 10.0033 15.8333 10.0047 15.8333 10.7548 15.828 11.4023 14.4745 11.7062 12.5164H8.2943C8.59817 14.4744 9.24563 15.8279 9.99572 15.8333zM15.2482 12.5164H12.6341C12.5324 13.2166 12.3886 13.8581 12.2089 14.4126 12.0726 14.8331 11.907 15.231 11.7061 15.575 13.2689 15.0928 14.5514 13.9716 15.2482 12.5164zM15.2504 7.48369C14.5536 6.02849 13.2711 4.90719 11.7082 4.42501 11.9092 4.76902 12.0748 5.16695 12.2111 5.5875 12.3908 6.14199 12.5346 6.7835 12.6362 7.48369H15.2504zM15.6163 8.41705C15.7529 8.9026 15.8282 9.41379 15.8334 9.94178V10.0583C15.8282 10.5863 15.7529 11.0975 15.6163 11.5831H12.7575C12.8014 11.0741 12.8243 10.5434 12.8243 10 12.8243 9.45672 12.8014 8.92605 12.7575 8.41705H15.6163zM4.38405 8.41703C4.24747 8.90257 4.17216 9.41377 4.16699 9.94175V10.0583C4.17216 10.5863 4.24747 11.0975 4.38407 11.583H7.24285C7.199 11.074 7.17607 10.5434 7.17607 10 7.17607 9.45669 7.199 8.92602 7.24285 8.41703H4.38405zM8.17984 8.41703C8.13395 8.92041 8.1094 9.45137 8.1094 10 8.1094 10.5487 8.13395 11.0797 8.17984 11.583H11.8197C11.8656 11.0797 11.8902 10.5487 11.8902 10 11.8902 9.45137 11.8656 8.92041 11.8197 8.41703H8.17984z"/></g></svg>;
}

const IconWflHttp = React.forwardRef(IconWflHttpComponent);
export default IconWflHttp;
