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

function IconTreeMetadataFilteringComponent(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-tree_metadata_filtering${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : 'none'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><g clipPath="url(#svg_60471b968c__clip0_37122_1120105)"><path fill={useCurrentColor ? 'currentColor' : '#F6BB45'} d="M0 0H24V24H0z"/><g fill={useCurrentColor ? 'currentColor' : '#fff'}><path d="M13.8721 5.00037C14.0181 5.00042 14.1583 5.05751 14.2627 5.15955L18.1328 8.93982C18.1859 8.99191 18.228 9.05481 18.2568 9.12341C18.2855 9.19213 18.2999 9.26668 18.2998 9.34119V11.2758C18.3033 11.42 18.3093 11.5616 18.3145 11.7006H14.585C13.2813 11.7009 12.5257 13.1764 13.2871 14.2347L14.9004 16.4779V18.1517C14.9005 18.4578 14.9886 18.7488 15.1436 18.9974C14.1159 19.0088 12.8196 18.9994 11.1914 18.9994H6.26074C5.95101 18.9994 5.70047 18.7496 5.7002 18.4408V5.55896C5.70061 5.41095 5.7596 5.26911 5.86426 5.16443C5.96928 5.05957 6.11234 5.0004 6.26074 5.00037H13.8721ZM8.15039 11.8568C8.05786 11.8569 7.9689 11.8941 7.90332 11.9594C7.83784 12.0248 7.80009 12.1139 7.7998 12.2064V12.9066C7.7998 13.0998 7.95728 13.2561 8.15039 13.2562H11.6494C11.8426 13.2562 12 13.0998 12 12.9066V12.2064C11.9997 12.114 11.9628 12.0248 11.8975 11.9594C11.8318 11.894 11.742 11.8568 11.6494 11.8568H8.15039ZM8.15039 8.35681C8.0577 8.35686 7.96893 8.39388 7.90332 8.45935C7.83764 8.52504 7.79982 8.61452 7.7998 8.7074V9.40662C7.7998 9.59975 7.95728 9.7571 8.15039 9.7572H11.6494C11.8426 9.7572 12 9.59982 12 9.40662V8.7074C12 8.61452 11.9631 8.52504 11.8975 8.45935C11.8318 8.39372 11.7423 8.35681 11.6494 8.35681H8.15039Z"/><path d="M14.5852 13C14.3407 13 14.1989 13.2768 14.3417 13.4752L16.1433 15.9793C16.18 16.0303 16.1998 16.0916 16.1998 16.1545V18.1512C16.1998 18.2735 16.274 18.3835 16.3874 18.4293L17.3874 18.8334C17.5846 18.9131 17.7998 18.7679 17.7998 18.5552V16.1545C17.7998 16.0916 17.8195 16.0303 17.8563 15.9793L19.6579 13.4752C19.8007 13.2768 19.6588 13 19.4144 13H14.5852Z"/></g></g><defs><clipPath id="svg_60471b968c__clip0_37122_1120105"><rect width="24" height="24" rx="6" fill={useCurrentColor ? 'currentColor' : '#fff'}/></clipPath></defs></svg>;
}

const IconTreeMetadataFiltering = React.forwardRef(IconTreeMetadataFilteringComponent);
export default IconTreeMetadataFiltering;
