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

function IconMergePdComponent(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-merge-pd${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 16 16" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M2.06665 12.3729C2.06665 13.2715 2.78299 14 3.66665 14H5.99998C6 13.5593 6 13.0508 5.99998 12.7797H3.66665C3.44574 12.7797 3.26665 12.5975 3.26665 12.3729V10C3 9.99999 2.5 10 2.06665 10V12.3729zM12.3333 14C13.217 14 13.9333 13.2715 13.9333 12.3729V10C13.5 10 13 10 12.7333 10V12.3729C12.7333 12.5975 12.5542 12.7797 12.3333 12.7797H9.99998C9.99998 13.0508 9.99998 13.5593 9.99998 14H12.3333zM3.66665 2C2.78299 2 2.06665 2.72848 2.06665 3.62711V5.99999C2.5 6 3 6 3.26665 5.99999V3.62711C3.26665 3.40246 3.44574 3.22034 3.66665 3.22034H5.99998C6.00001 2.81356 6 2.40678 5.99998 2H3.66665zM12.3333 2C13.217 2 13.9333 2.72848 13.9333 3.62711V5.99999C13.5 6 13 6 12.7333 5.99999V3.62711C12.7333 3.40246 12.5542 3.22034 12.3333 3.22034H9.99998C10 2.94917 10 2.44069 9.99998 2H12.3333zM7.33337 10.9443H8.66671V14H7.33337V10.9443zM8.26671 8.63333L9.60004 10.411C9.63718 10.4605 9.6598 10.5194 9.66536 10.5811 9.67092 10.6427 9.6592 10.7047 9.63152 10.7601 9.60383 10.8154 9.56128 10.862 9.50862 10.8945 9.45596 10.9271 9.39528 10.9443 9.33337 10.9443H6.66671C6.6048 10.9443 6.54412 10.9271 6.49146 10.8945 6.43881 10.862 6.39625 10.8154 6.36857 10.7601 6.34088 10.7047 6.32916 10.6427 6.33472 10.5811 6.34028 10.5194 6.3629 10.4605 6.40004 10.411L7.73338 8.63333C7.76442 8.59193 7.80468 8.55833 7.85097 8.53519 7.89726 8.51205 7.94829 8.5 8.00004 8.5 8.05179 8.5 8.10283 8.51205 8.14911 8.53519 8.1954 8.55833 8.23566 8.59193 8.26671 8.63333zM7.33337 5.05567H8.66671V2L7.33337 2V5.05567zM8.26671 7.36667L9.60004 5.589C9.63718 5.53948 9.6598 5.48059 9.66536 5.41894 9.67092 5.35728 9.6592 5.2953 9.63152 5.23993 9.60383 5.18456 9.56128 5.138 9.50862 5.10545 9.45596 5.07291 9.39528 5.05567 9.33337 5.05567H6.66671C6.6048 5.05567 6.54412 5.07291 6.49146 5.10545 6.43881 5.138 6.39625 5.18456 6.36857 5.23993 6.34088 5.2953 6.32916 5.35728 6.33472 5.41894 6.34028 5.48059 6.3629 5.53948 6.40004 5.589L7.73338 7.36667C7.76442 7.40807 7.80468 7.44167 7.85097 7.46481 7.89726 7.48795 7.94829 7.5 8.00004 7.5 8.05179 7.5 8.10283 7.48795 8.14911 7.46481 8.1954 7.44167 8.23566 7.40807 8.26671 7.36667z"/></svg>;
}

const IconMergePd = React.forwardRef(IconMergePdComponent);
export default IconMergePd;
