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

function IconTreeSafetyAuditComponent(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_safety_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_39bd48dee1__clip0_37122_1120137)"><path fill={useCurrentColor ? 'currentColor' : '#39BFBF'} d="M0 0H24V24H0z"/><g fill={useCurrentColor ? 'currentColor' : '#fff'}><path fillRule="evenodd" clipRule="evenodd" d="M10.7757 4.55744C10.8627 4.51956 10.9567 4.5 11.0518 4.5C11.1468 4.5 11.2408 4.51956 11.3279 4.55744L17.2128 7.11221C17.3353 7.16522 17.4395 7.25251 17.5127 7.36338C17.586 7.47426 17.625 7.6039 17.625 7.73643L17.6241 10.4011C17.6241 13.2283 16.6795 15.0772 15.4498 16.5777C14.336 17.9368 12.768 18.9689 11.2368 19.4697C11.1171 19.5095 10.9876 19.5101 10.8676 19.4714C10.2544 19.2721 8.2381 18.4997 6.65458 16.5598C5.07879 14.6301 4.50258 12.754 4.50258 10.264L4.50172 8.85627L4.5 7.73558C4.50013 7.60329 4.53909 7.4739 4.61214 7.3632C4.68518 7.2525 4.78915 7.16529 4.91134 7.11221L10.7757 4.55744Z"/><path d="M12.9365 10.377C12.9365 8.58323 14.5812 7.17809 16.4316 7.56348C17.5261 7.79133 18.4045 8.66577 18.6357 9.75879C18.8501 10.7708 18.521 11.7228 17.8867 12.375L18.3555 13.4766C18.3752 13.523 18.4224 13.5547 18.4756 13.5547H20.0674C20.7191 13.5547 21.25 14.0824 21.25 14.7363V16.4258C21.25 16.8505 21.0252 17.2196 20.6904 17.4277C20.7808 17.577 20.8301 17.7491 20.8301 17.9268V18.3467L20.8262 18.4414C20.8169 18.5359 20.7933 18.6288 20.7568 18.7168C20.7083 18.834 20.6375 18.9407 20.5479 19.0303C20.4581 19.1198 20.3514 19.1909 20.2344 19.2393C20.1173 19.2876 19.9918 19.3125 19.8652 19.3125H11.7676C11.2361 19.3125 10.8019 18.8824 10.8018 18.3477V17.9258C10.802 17.7498 10.8515 17.5798 10.9404 17.4316C10.6022 17.2242 10.375 16.8528 10.375 16.4258V14.7363C10.375 14.0821 10.9064 13.5547 11.5576 13.5547H13.2012L13.2393 13.5488C13.2513 13.5452 13.2629 13.5401 13.2734 13.5332C13.2946 13.5192 13.3106 13.4993 13.3203 13.4766L13.7783 12.3994C13.2621 11.8831 12.9366 11.1706 12.9365 10.377Z" stroke="#39BFBF" strokeWidth="1.5"/></g></g><defs><clipPath id="svg_39bd48dee1__clip0_37122_1120137"><rect width="24" height="24" rx="6" fill={useCurrentColor ? 'currentColor' : '#fff'}/></clipPath></defs></svg>;
}

const IconTreeSafetyAudit = React.forwardRef(IconTreeSafetyAuditComponent);
export default IconTreeSafetyAudit;
