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

function IconNoContentLowSaturationComponent(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-no-content-low-saturation${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 120 120" fill={useCurrentColor ? 'currentColor' : 'none'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><g filter="url(#svg_e4ce473e62__svg_cba94bb8cb__filter0_dii_97_8190)"><path d="M10.3438 97.2109L7.21997 23.2109C7.10002 20.3692 9.37136 18 12.2155 18H38.8107C40.5656 18 42.192 18.92 43.0961 20.4241L44.9156 23.4512C45.0964 23.752 45.4217 23.936 45.7727 23.936H107.8C110.638 23.936 112.908 26.2958 112.796 29.1318L110.13 97.1957C110.025 99.879 107.819 102 105.134 102H15.3394C12.66 102 10.4568 99.8879 10.3438 97.2109Z" fill={useCurrentColor ? 'currentColor' : 'url(#svg_e4ce473e62__svg_cba94bb8cb__paint0_linear_97_8190)'}/></g><path fillRule="evenodd" clipRule="evenodd" d="M7.81983 23.1856L10.9437 97.1856C11.0431 99.5413 12.9819 101.4 15.3398 101.4H105.134C107.497 101.4 109.438 99.5335 109.531 97.1722L112.197 29.1083C112.295 26.6126 110.298 24.536 107.801 24.536H45.7731C45.2115 24.536 44.6911 24.2416 44.4018 23.7603L44.916 23.4512C45.0968 23.752 45.4221 23.936 45.7731 23.936H107.801C110.639 23.936 112.908 26.2958 112.797 29.1318L110.13 97.1957C110.025 99.879 107.819 102 105.134 102H15.3398C12.6604 102 10.4572 99.8879 10.3442 97.2109L7.22036 23.2109C7.10041 20.3692 9.37175 18 12.2159 18H38.8111C40.566 18 42.1924 18.92 43.0965 20.4241L44.916 23.4512L44.4018 23.7603L42.5822 20.7332C41.7866 19.4096 40.3554 18.6 38.8111 18.6H12.2159C9.71305 18.6 7.71427 20.6849 7.81983 23.1856Z" fill={useCurrentColor ? 'currentColor' : 'url(#svg_e4ce473e62__svg_cba94bb8cb__paint1_linear_97_8190)'}/><g filter="url(#svg_e4ce473e62__svg_cba94bb8cb__filter1_d_97_8190)"><path d="M13.2051 27.5518H106.883L105.761 54.4378H14.1139L13.2051 27.5518Z" fill={useCurrentColor ? 'currentColor' : '#fff'}/></g><g filter="url(#svg_e4ce473e62__svg_cba94bb8cb__filter2_dii_97_8190)"><path d="M13.1172 32.7275H105.811C108.619 32.7275 110.877 35.0162 110.814 37.8237C110.556 49.3563 109.95 77.9328 109.85 97.0061C109.836 99.7675 107.597 102 104.836 102H15.7341C13.0584 102 10.8569 99.8933 10.7389 97.2203L8.12209 37.9481C7.99647 35.1029 10.2692 32.7275 13.1172 32.7275Z" fill={useCurrentColor ? 'currentColor' : 'url(#svg_e4ce473e62__svg_cba94bb8cb__paint2_linear_97_8190)'}/></g><path fillRule="evenodd" clipRule="evenodd" d="M105.811 33.3275H13.1173C10.6111 33.3275 8.61103 35.4178 8.72157 37.9216L11.3384 97.1938C11.4423 99.5461 13.3795 101.4 15.7341 101.4H104.836C107.266 101.4 109.237 99.4351 109.25 97.0029C109.35 77.9237 109.956 49.3423 110.215 37.8102C110.27 35.3426 108.286 33.3275 105.811 33.3275ZM105.811 32.7275H13.1173C10.2693 32.7275 7.99654 35.1029 8.12215 37.9481L10.739 97.2203C10.857 99.8933 13.0585 102 15.7341 102H104.836C107.597 102 109.836 99.7675 109.85 97.0061C109.95 77.9328 110.556 49.3563 110.815 37.8237C110.878 35.0162 108.619 32.7275 105.811 32.7275Z" fill={useCurrentColor ? 'currentColor' : 'url(#svg_e4ce473e62__svg_cba94bb8cb__paint3_linear_97_8190)'}/><g filter="url(#svg_e4ce473e62__svg_cba94bb8cb__filter3_dii_97_8190)"><path d="M72.668 44.8887C72.668 43.7841 73.5634 42.8887 74.668 42.8887H96.5216C97.6262 42.8887 98.5216 43.7841 98.5216 44.8887V54.3702C98.5216 55.4747 97.6262 56.3702 96.5216 56.3702H74.668C73.5634 56.3702 72.668 55.4747 72.668 54.3702V44.8887Z" fill={useCurrentColor ? 'currentColor' : 'url(#svg_e4ce473e62__svg_cba94bb8cb__paint4_linear_97_8190)'}/></g><path d="M76.8047 47.7871C76.8047 47.3729 77.1405 47.0371 77.5547 47.0371H94.0547C94.4689 47.0371 94.8047 47.3729 94.8047 47.7871 94.8047 48.2013 94.4689 48.5371 94.0547 48.5371H77.5547C77.1405 48.5371 76.8047 48.2013 76.8047 47.7871zM76.8047 51.4165C76.8047 51.0023 77.1405 50.6665 77.5547 50.6665H88.0547C88.4689 50.6665 88.8047 51.0023 88.8047 51.4165 88.8047 51.8307 88.4689 52.1665 88.0547 52.1665H77.5547C77.1405 52.1665 76.8047 51.8307 76.8047 51.4165z" fill={useCurrentColor ? 'currentColor' : '#fff'}/><defs><linearGradient id="svg_e4ce473e62__svg_cba94bb8cb__paint0_linear_97_8190" x1="93.592" y1="25.569" x2="47.005" y2="125.988" gradientUnits="userSpaceOnUse"><stop stopColor="#D8D8D8"/><stop offset=".855" stopColor="#CACACA"/></linearGradient><linearGradient id="svg_e4ce473e62__svg_cba94bb8cb__paint1_linear_97_8190" x1="17.302" y1="8.033" x2="60.786" y2="102.712" gradientUnits="userSpaceOnUse"><stop stopColor="#E0DEDE"/><stop offset=".192" stopColor="#E7E7E7"/><stop offset=".704" stopColor="#D9D9D9"/><stop offset=".963" stopColor="#C3C3C7"/></linearGradient><linearGradient id="svg_e4ce473e62__svg_cba94bb8cb__paint2_linear_97_8190" x1="92.693" y1="40.311" x2="59.402" y2="125.848" gradientUnits="userSpaceOnUse"><stop stopColor="#EBEBEC"/><stop offset=".855" stopColor="#EDEDEE"/></linearGradient><linearGradient id="svg_e4ce473e62__svg_cba94bb8cb__paint3_linear_97_8190" x1="19.295" y1="26.157" x2="50.341" y2="106.732" gradientUnits="userSpaceOnUse"><stop stopColor="#E0DEDE"/><stop offset=".192" stopColor="#E7E7E7"/><stop offset=".704" stopColor="#D9D9D9"/><stop offset=".963" stopColor="#C3C3C7"/></linearGradient><linearGradient id="svg_e4ce473e62__svg_cba94bb8cb__paint4_linear_97_8190" x1="81.697" y1="42.358" x2="87.452" y2="57.041" gradientUnits="userSpaceOnUse"><stop stopColor="#ABB2D0"/><stop offset="1" stopColor="#8E98BE"/></linearGradient><filter id="svg_e4ce473e62__svg_cba94bb8cb__filter0_dii_97_8190" x="6.701" y="17.485" width="107.643" height="86.573" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx=".515" dy="1.029"/><feGaussianBlur stdDeviation=".515"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_97_8190"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_97_8190" result="shape"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx=".515" dy=".515"/><feGaussianBlur stdDeviation=".515"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix values="0 0 0 0 0.941667 0 0 0 0 0.941667 0 0 0 0 0.941667 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_97_8190"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1.544" dy="-1.544"/><feGaussianBlur stdDeviation=".257"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix values="0 0 0 0 0.895833 0 0 0 0 0.895833 0 0 0 0 0.895833 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_97_8190" result="effect3_innerShadow_97_8190"/></filter><filter id="svg_e4ce473e62__svg_cba94bb8cb__filter1_d_97_8190" x="10.117" y="23.435" width="101.912" height="35.12" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1.029"/><feGaussianBlur stdDeviation="2.059"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_97_8190"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_97_8190" result="shape"/></filter><filter id="svg_e4ce473e62__svg_cba94bb8cb__filter2_dii_97_8190" x="7.603" y="32.213" width="104.757" height="71.846" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx=".515" dy="1.029"/><feGaussianBlur stdDeviation=".515"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_97_8190"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_97_8190" result="shape"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1.544" dy="1.544"/><feGaussianBlur stdDeviation=".515"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_97_8190"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1.544" dy="-1.544"/><feGaussianBlur stdDeviation=".257"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix values="0 0 0 0 0.879167 0 0 0 0 0.879167 0 0 0 0 0.879167 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_97_8190" result="effect3_innerShadow_97_8190"/></filter><filter id="svg_e4ce473e62__svg_cba94bb8cb__filter3_dii_97_8190" x="71.639" y="42.374" width="27.912" height="15.54" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy=".515"/><feGaussianBlur stdDeviation=".515"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.734635 0 0 0 0 0.762891 0 0 0 0 0.904167 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_97_8190"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_97_8190" result="shape"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx=".515"/><feGaussianBlur stdDeviation=".515"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix values="0 0 0 0 0.815781 0 0 0 0 0.841792 0 0 0 0 0.945833 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_97_8190"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-.515" dy="-.515"/><feGaussianBlur stdDeviation=".257"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix values="0 0 0 0 0.329412 0 0 0 0 0.364706 0 0 0 0 0.501961 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_97_8190" result="effect3_innerShadow_97_8190"/></filter></defs></svg>;
}

const IconNoContentLowSaturation = React.forwardRef(IconNoContentLowSaturationComponent);
export default IconNoContentLowSaturation;
