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

function IconTreeContentAuditComponent(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_content_audit${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_8d8c65e04f__clip0_37122_1120159)"><path fill={useCurrentColor ? 'currentColor' : '#40C6F0'} d="M0 0H24V24H0z"/><g fill={useCurrentColor ? 'currentColor' : '#fff'}><path d="M20.0674 14.3048H18.4753C18.1223 14.3048 17.8036 14.0944 17.6658 13.7703L17.1209 12.4894C17.0828 12.3987 17.074 12.2985 17.096 12.2026C17.118 12.1068 17.1695 12.0202 17.2433 11.9551C17.7814 11.4732 18.0733 10.7238 17.9019 9.91437C17.7324 9.11286 17.0823 8.46519 16.2785 8.29794C14.8999 8.01084 13.6863 9.05231 13.6863 10.3767C13.6863 11.0141 13.9699 11.5827 14.4163 11.9715C14.5715 12.1067 14.6265 12.3229 14.5456 12.5125L14.0107 13.7703C13.9433 13.9288 13.8306 14.064 13.6866 14.1591C13.5426 14.2541 13.3738 14.3048 13.2012 14.3048H11.5574C11.3186 14.3048 11.125 14.4979 11.125 14.7361V16.426C11.125 16.6642 11.3186 16.8572 11.5574 16.8572H20.0674C20.3062 16.8572 20.5 16.6642 20.5 16.426V14.7363C20.5 14.4981 20.3064 14.3048 20.0674 14.3048ZM19.8651 17.7119H11.7669C11.7098 17.7119 11.655 17.7345 11.6146 17.7747C11.5742 17.815 11.5515 17.8696 11.5514 17.9265V18.3474C11.5514 18.4662 11.648 18.5625 11.7671 18.5625H19.8651C19.8934 18.5625 19.9214 18.5569 19.9476 18.5461C19.9737 18.5353 19.9975 18.5195 20.0175 18.4995C20.0375 18.4795 20.0534 18.4558 20.0642 18.4297C20.075 18.4036 20.0806 18.3756 20.0805 18.3474V17.9268C20.0805 17.8698 20.0578 17.8151 20.0174 17.7748C19.977 17.7345 19.9222 17.7119 19.8651 17.7119Z"/><path d="M12.8721 5.00037C13.0181 5.00042 13.1583 5.05751 13.2627 5.15955L14.9883 6.84509C13.3895 7.21927 12.1865 8.65457 12.1865 10.3773C12.1867 11.1905 12.4572 11.9363 12.9053 12.5355L12.792 12.8051H11.5576C10.494 12.8051 9.625 13.6664 9.625 14.7367V16.4261C9.6251 16.8975 9.79469 17.328 10.0742 17.6625C10.0607 17.7488 10.0519 17.8367 10.0518 17.9252V18.348C10.0519 18.579 10.0981 18.7987 10.1807 18.9994H5.26074C4.95101 18.9994 4.70047 18.7496 4.7002 18.4408V5.55896C4.70061 5.41095 4.7596 5.26911 4.86426 5.16443C4.96928 5.05957 5.11234 5.0004 5.26074 5.00037H12.8721ZM7.15039 11.3002C7.05786 11.3002 6.9689 11.3375 6.90332 11.4027C6.83784 11.4681 6.80009 11.5572 6.7998 11.6498V12.35C6.7998 12.5431 6.95728 12.6995 7.15039 12.6996H10.6494C10.8426 12.6996 11 12.5432 11 12.35V11.6498C10.9997 11.5573 10.9628 11.4681 10.8975 11.4027C10.8318 11.3374 10.742 11.3002 10.6494 11.3002H7.15039ZM7.15039 7.80017C7.0577 7.80022 6.96893 7.83724 6.90332 7.90271C6.83764 7.96839 6.79982 8.05788 6.7998 8.15076V8.84998C6.7998 9.04311 6.95728 9.20046 7.15039 9.20056H10.6494C10.8426 9.20056 11 9.04318 11 8.84998V8.15076C11 8.05788 10.9631 7.96839 10.8975 7.90271C10.8318 7.83707 10.7423 7.80017 10.6494 7.80017H7.15039Z"/></g></g><defs><clipPath id="svg_8d8c65e04f__clip0_37122_1120159"><rect width="24" height="24" rx="6" fill={useCurrentColor ? 'currentColor' : '#fff'}/></clipPath></defs></svg>;
}

const IconTreeContentAudit = React.forwardRef(IconTreeContentAuditComponent);
export default IconTreeContentAudit;
