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

function IconOverviewWebComponent(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-overview_web${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : 'none'} viewBox="0 0 52 52" {...rest} ref={ref}><rect width="52" height="52" fill={useCurrentColor ? 'currentColor' : '#EBF1FF'} rx="12"/><g clipPath="url(#svg_91b7301216__svg_1275ee73ad__a)"><rect width="30.045" height="27.022" x="10.978" y="12.471" fill={useCurrentColor ? 'currentColor' : 'url(#svg_91b7301216__svg_1275ee73ad__b)'} rx="3.5"/><path fill={useCurrentColor ? 'currentColor' : '#fff'} fillRule="evenodd" d="M16.62 16.611a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm4.324 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm2.824 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" clipRule="evenodd" opacity=".5"/><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="m17.434 28.61.908-3.863h.957l-.34 1.937-.898 3.563h-.767l.14-1.637Zm-.358-3.863.562 3.833.064 1.667h-.93l-1.162-5.5h1.466Zm3.031 3.752.567-3.752h1.466l-1.153 5.5h-.93l.05-1.748Zm-.699-3.752.917 3.853.14 1.647h-.775l-.88-3.553-.327-1.947h.925Zm5.15 3.863.908-3.863h.957l-.34 1.937-.898 3.563h-.767l.14-1.637Zm-.358-3.863.563 3.833.063 1.667h-.93l-1.162-5.5H24.2Zm3.03 3.753.567-3.752h1.466l-1.152 5.5h-.93l.05-1.748Zm-.699-3.752.917 3.853.14 1.647h-.775l-.88-3.553-.327-1.947h.925Zm5.152 3.862.907-3.863h.958l-.34 1.937-.9 3.563h-.766l.14-1.637Zm-.359-3.863.563 3.833.063 1.667h-.93l-1.162-5.5h1.466Zm3.031 3.752.568-3.752h1.465l-1.152 5.5h-.93l.05-1.748Zm-.698-3.752.916 3.853.14 1.647h-.775l-.88-3.553-.327-1.947h.925Z"/></g><defs><linearGradient id="svg_91b7301216__svg_1275ee73ad__b" x1="26.001" x2="26.001" y1="12.471" y2="39.493" gradientUnits="userSpaceOnUse"><stop stopColor="#428EFF"/><stop offset="1" stopColor="#387BFF"/></linearGradient><clipPath id="svg_91b7301216__svg_1275ee73ad__a"><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M8 8h36v36H8z"/></clipPath></defs></svg>;
}

const IconOverviewWeb = React.forwardRef(IconOverviewWebComponent);
export default IconOverviewWeb;
