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

function IconOverlapRectConfigComponent(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-overlapRect_Config${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 20 20" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><g clipPath="url(#svg_b4ab3e0310__svg_b4ab3e0310__svg_63137f08af__clip0_220_2813)"><path opacity=".5" d="M5.92999 2.09503C5.41637 2.09503 5 2.5114 5 3.02503V4.16667H15C15.4602 4.16667 15.8333 4.53976 15.8333 5V15.1149H16.9868C17.5004 15.1149 17.9168 14.6986 17.9168 14.185V3.02503C17.9168 2.5114 17.5004 2.09503 16.9868 2.09503H5.92999Z"/><path d="M6.29657 10.2776C6.29657 10.0475 6.48312 9.86095 6.71324 9.86095 6.94335 9.86095 7.1299 10.0475 7.1299 10.2776 7.1299 10.479 6.98708 10.647 6.79721 10.6858 6.77008 10.6914 6.742 10.6943 6.71324 10.6943 6.51188 10.6943 6.34389 10.5515 6.30503 10.3616 6.29948 10.3345 6.29657 10.3064 6.29657 10.2776zM11.1985 12.3192C11.1985 12.5494 11.012 12.7359 10.7818 12.7359 10.5517 12.7359 10.3652 12.5494 10.3652 12.3192 10.3652 12.1179 10.508 11.9499 10.6979 11.911 10.725 11.9055 10.7531 11.9026 10.7818 11.9026 10.9832 11.9026 11.1512 12.0454 11.19 12.2353 11.1956 12.2624 11.1985 12.2905 11.1985 12.3192z"/><path fillRule="evenodd" clipRule="evenodd" d="M2.08331 5C2.08331 4.53977 2.45641 4.16667 2.91665 4.16667H15.0342C15.4944 4.16667 15.8675 4.53977 15.8675 5.00001V17.0834C15.8675 17.5436 15.4944 17.9167 15.0342 17.9167H2.91665C2.45641 17.9167 2.08331 17.5436 2.08331 17.0834V5ZM5.84328 7.96509V8.85573C5.36538 9.14875 5.04657 9.67595 5.04657 10.2776C5.04657 10.8793 5.36538 11.4065 5.84328 11.6995V14.6318C5.84328 14.8619 6.02983 15.0484 6.25995 15.0484H7.09328C7.3234 15.0484 7.50995 14.8619 7.50995 14.6318V11.7419C8.02824 11.4593 8.3799 10.9095 8.3799 10.2776C8.3799 9.64571 8.02824 9.09595 7.50995 8.81335V7.96509C7.50995 7.73497 7.3234 7.54843 7.09328 7.54843H6.25995C6.02983 7.54843 5.84328 7.73497 5.84328 7.96509ZM11.6518 14.6318V13.7411C12.1297 13.4481 12.4485 12.9209 12.4485 12.3192C12.4485 11.7176 12.1297 11.1904 11.6518 10.8974V7.96509C11.6518 7.73497 11.4652 7.54843 11.2351 7.54843H10.4018C10.1717 7.54843 9.98513 7.73497 9.98513 7.96509V10.855C9.46683 11.1376 9.11517 11.6873 9.11517 12.3192C9.11517 12.9511 9.46683 13.5009 9.98513 13.7835V14.6318C9.98513 14.8619 10.1717 15.0484 10.4018 15.0484H11.2351C11.4652 15.0484 11.6518 14.8619 11.6518 14.6318Z"/></g><defs><clipPath id="svg_b4ab3e0310__svg_b4ab3e0310__svg_63137f08af__clip0_220_2813"><path d="M0 0H20V20H0z"/></clipPath></defs></svg>;
}

const IconOverlapRectConfig = React.forwardRef(IconOverlapRectConfigComponent);
export default IconOverlapRectConfig;
