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

function IconDocumentFeedbackComponent(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-document-feedback${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 48 49" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M19.6923 5.73345C19.5123 5.58265 19.2849 5.5 19.0501 5.5H2C1.44772 5.5 1 5.94771 1 6.5V41.2911C1 41.8434 1.44771 42.2911 2 42.2911H17.8763C18.0532 42.2911 18.2269 42.338 18.3798 42.4271L23.6651 45.5065C23.9625 45.6798 24.3281 45.688 24.6329 45.5281L30.5879 42.4055C30.7312 42.3304 30.8905 42.2911 31.0523 42.2911H46C46.5523 42.2911 47 41.8434 47 41.2911V6.5C47 5.94772 46.5523 5.5 46 5.5H29.9787C29.7614 5.5 29.5501 5.57074 29.3766 5.70153L24.2596 9.55978L19.6923 5.73345ZM6 38.2911C5.44772 38.2911 5 37.8434 5 37.2911V10.5C5 9.94772 5.44772 9.5 6 9.5H17.596C17.8308 9.5 18.0582 9.58265 18.2382 9.73345L22.1841 13.0392V40.0142L19.4601 38.4271C19.3072 38.338 19.1335 38.2911 18.9566 38.2911H6ZM26.1841 40.1982L29.6027 38.4055C29.746 38.3304 29.9054 38.2911 30.0671 38.2911H42C42.5523 38.2911 43 37.8434 43 37.2911V10.5C43 9.94772 42.5523 9.5 42 9.5H31.3177C31.1004 9.5 30.8891 9.57074 30.7156 9.70153L26.1841 13.1183V40.1982Z"/><path fillRule="evenodd" clipRule="evenodd" d="M18 20.5C18 21.0523 17.5523 21.5 17 21.5H10C9.44772 21.5 9 21.0523 9 20.5V18.5C9 17.9477 9.44772 17.5 10 17.5H17C17.5523 17.5 18 17.9477 18 18.5V20.5zM39 20.5C39 21.0523 38.5523 21.5 38 21.5H31C30.4477 21.5 30 21.0523 30 20.5V18.5C30 17.9477 30.4477 17.5 31 17.5H38C38.5523 17.5 39 17.9477 39 18.5V20.5zM18 28.5C18 29.0523 17.5523 29.5 17 29.5H10C9.44772 29.5 9 29.0523 9 28.5V26.5C9 25.9477 9.44772 25.5 10 25.5H17C17.5523 25.5 18 25.9477 18 26.5V28.5zM39 28.5C39 29.0523 38.5523 29.5 38 29.5H31C30.4477 29.5 30 29.0523 30 28.5V26.5C30 25.9477 30.4477 25.5 31 25.5H38C38.5523 25.5 39 25.9477 39 26.5V28.5z"/></svg>;
}

const IconDocumentFeedback = React.forwardRef(IconDocumentFeedbackComponent);
export default IconDocumentFeedback;
