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

function IconUndeliverComponent(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-undeliver${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}><g clipPath="url(#svg_cafe5366bd__svg_45a691469b__clip0_2954_37379)" fillRule="evenodd" clipRule="evenodd"><path d="M1.66669 1.33423V5.66756L1.66927 5.72618C1.68297 5.8815 1.75082 6.02783 1.86195 6.13896L3.72388 8.00089L1.86195 9.86282L1.82232 9.9061C1.72218 10.0256 1.66669 10.1771 1.66669 10.3342V14.6676L1.66846 14.7174C1.70255 15.1933 2.22099 15.4861 2.65036 15.254L8.01547 12.354C8.00524 12.2373 8.00002 12.1193 8.00002 12C8.00002 11.5584 8.07156 11.1336 8.20369 10.7364L3.00002 13.5494V10.6104L4.94302 8.66729H9.78716C10.4209 8.24566 11.1818 7.99997 12 7.99997C12.9362 7.99997 13.7972 8.32157 14.4787 8.86033L14.9837 8.58736L15.0303 8.55984C15.4494 8.28972 15.4338 7.65774 14.9837 7.41442L2.65036 0.747755L2.60565 0.725604C2.17081 0.529302 1.66669 0.846133 1.66669 1.33423ZM3.00002 5.39142V2.45241L12.0314 7.33396H4.94269L3.00002 5.39142Z"/><path d="M12 9C13.6569 9 15 10.3431 15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9ZM13.016 13.7231L10.2769 10.984C10.101 11.2818 10 11.6291 10 12C10 13.1046 10.8954 14 12 14C12.3709 14 12.7182 13.899 13.016 13.7231ZM10.984 10.2769C11.2818 10.101 11.6291 10 12 10C13.1046 10 14 10.8954 14 12C14 12.3709 13.899 12.7182 13.7231 13.016L10.984 10.2769Z"/></g><defs><clipPath id="svg_cafe5366bd__svg_45a691469b__clip0_2954_37379"><path d="M0 0H16V16H0z"/></clipPath></defs></svg>;
}

const IconUndeliver = React.forwardRef(IconUndeliverComponent);
export default IconUndeliver;
