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

function IconMoreFilterComponent(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-more-filter${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 48 48" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M18.8857 37.424V20.0022L18.8857 19.9938C18.8808 18.8392 18.4208 17.7334 17.606 16.9162L7.75315 7H36.8409L25.6304 16.7921L25.6218 16.7996C25.1541 17.2106 24.7792 17.7165 24.5221 18.2834C24.2651 18.8504 24.1318 19.4656 24.1309 20.0882V40.5864L18.8857 37.424ZM4.00711 8.90494L14.7722 19.7393C14.8445 19.8111 14.8853 19.9087 14.8857 20.0106V37.7254C14.8857 38.9395 15.5207 40.0651 16.5597 40.6923L22.8783 44.5019C23.4038 44.819 24.0041 44.9908 24.6178 44.9996C25.2315 45.0085 25.8365 44.8541 26.3709 44.5522C26.9053 44.2504 27.3499 43.8119 27.6592 43.2818C27.9684 42.7516 28.1312 42.1488 28.1309 41.535V20.0933C28.131 20.0387 28.1427 19.9847 28.1653 19.9349C28.1878 19.8852 28.2207 19.8408 28.2618 19.8047L40.5488 9.07233C41.08 8.60858 41.4571 7.99372 41.6294 7.30995C41.8018 6.62618 41.7614 5.90608 41.5135 5.24591C41.2656 4.58574 40.8221 4.01697 40.2423 3.61563C39.6625 3.21429 38.974 2.99951 38.2688 3H6.46413C5.77996 2.99984 5.11107 3.20232 4.54185 3.5819C3.97264 3.96148 3.5286 4.50115 3.26576 5.13282C3.00293 5.76449 2.93307 6.45986 3.06501 7.13118C3.19695 7.80251 3.52477 8.41972 4.00711 8.90494ZM44 26C44 24.8954 43.1046 24 42 24H34C32.8954 24 32 24.8954 32 26C32 27.1046 32.8954 28 34 28H42C43.1046 28 44 27.1046 44 26ZM42 32C43.1046 32 44 32.8954 44 34C44 35.1046 43.1046 36 42 36H34C32.8954 36 32 35.1046 32 34C32 32.8954 32.8954 32 34 32H42ZM44 42C44 40.8954 43.1046 40 42 40H34C32.8954 40 32 40.8954 32 42C32 43.1046 32.8954 44 34 44H42C43.1046 44 44 43.1046 44 42Z"/></svg>;
}

const IconMoreFilter = React.forwardRef(IconMoreFilterComponent);
export default IconMoreFilter;
