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

function IconReport2Component(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-report_2${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 28 28" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M17.3779 3.11133C17.6054 3.11132 17.8238 3.2003 17.9863 3.35938L24.0059 9.24023C24.0883 9.32125 24.1544 9.41772 24.1992 9.52441C24.244 9.63138 24.2667 9.74729 24.2666 9.86328C24.2666 12.2781 24.2496 14.6721 24.2334 17.0693C23.7546 16.1818 23.0578 15.428 22.2012 14.8906C21.2711 14.3077 20.1924 14 19.0947 14H18.6777L18.6572 14.0176C17.877 14.0762 17.1131 14.2903 16.415 14.6504C15.5874 15.0779 14.8731 15.6978 14.333 16.457C13.7933 17.2164 13.4441 18.0959 13.3125 19.0186C13.1811 19.9413 13.2709 20.8834 13.5771 21.7637C13.8836 22.644 14.3974 23.4382 15.0732 24.0801C15.4007 24.3909 15.7629 24.6611 16.1504 24.8877H5.53809C5.05624 24.8877 4.66641 24.499 4.66602 24.0186V3.98047C4.6666 3.75015 4.75902 3.5291 4.92188 3.36621C5.08522 3.20325 5.30734 3.11137 5.53809 3.11133H17.3779ZM19.1553 16.334C19.8258 16.334 20.4846 16.5226 21.0527 16.8789C21.6205 17.235 22.0762 17.7442 22.3682 18.3477C22.6603 18.9515 22.7765 19.6253 22.7031 20.292C22.6566 20.7137 22.535 21.1218 22.3467 21.498L23.9189 23.043C24.2862 23.4042 24.2914 23.9946 23.9307 24.3623C23.5695 24.7295 22.9789 24.7348 22.6113 24.374L21.0996 22.8896C20.7171 23.1385 20.2915 23.3151 19.8418 23.4033C19.283 23.5127 18.705 23.4882 18.1582 23.3291C17.6118 23.1701 17.1112 22.8819 16.6982 22.4902C16.2854 22.0981 15.9713 21.6118 15.7842 21.0742C15.5972 20.5369 15.5419 19.9626 15.6221 19.3994C15.7023 18.8357 15.9163 18.2982 16.2461 17.834C16.5761 17.3702 17.0128 16.9926 17.5186 16.7314C18.0246 16.4704 18.5858 16.334 19.1553 16.334ZM8.47852 12.9111C8.33447 12.9111 8.19584 12.9687 8.09375 13.0703C7.9919 13.1721 7.93415 13.3101 7.93359 13.4541V14.5449C7.93371 14.8454 8.17805 15.0879 8.47852 15.0879H13.9219C14.2221 15.0877 14.4667 14.8452 14.4668 14.5449V13.4541C14.4662 13.3101 14.4076 13.1721 14.3057 13.0703C14.2036 12.9688 14.0658 12.9112 13.9219 12.9111H8.47852ZM8.47852 7.46582C8.33408 7.46582 8.19592 7.52485 8.09375 7.62695C7.99162 7.7291 7.93361 7.86726 7.93359 8.01172V9.09961C7.93359 9.40014 8.17798 9.64453 8.47852 9.64453H13.9219C14.2222 9.64429 14.4668 9.4 14.4668 9.09961V8.01172C14.4668 7.86724 14.4077 7.72911 14.3057 7.62695C14.2036 7.52501 14.0662 7.46594 13.9219 7.46582H8.47852Z"/></svg>;
}

const IconReport2 = React.forwardRef(IconReport2Component);
export default IconReport2;
