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

function IconStopUpdateComponent(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-stop_update${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 32 32" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path opacity=".5" fillRule="evenodd" clipRule="evenodd" d="M15.9342 16.252C15.7402 16.1886 15.5331 16.1543 15.3179 16.1543H6.77008C5.67532 16.1543 4.78784 17.0418 4.78784 18.1365V26.6842C4.78784 27.779 5.67532 28.6665 6.77008 28.6665H15.3179C16.4127 28.6665 17.3001 27.779 17.3001 26.6842V18.1365C17.3001 17.883 17.2526 17.6407 17.1658 17.4178L12.7347 21.849V25.6569H9.17831C8.44193 25.6569 7.84497 25.0599 7.84497 24.3236V20.7672H11.4189L15.9342 16.252Z"/><path fillRule="evenodd" clipRule="evenodd" d="M27.0652 10.6945V23.6569C27.0652 24.7615 26.1698 25.6569 25.0652 25.6569H9.84497C9.84336 25.6569 9.84175 25.6569 9.84014 25.6569H12.7347V21.849L18.4742 16.1095C19.8058 16.9061 21.5568 16.7309 22.704 15.5837C23.8511 14.4366 24.0263 12.6856 23.2297 11.3539L20.8517 13.7319L19.6078 12.4881L21.9741 10.1217C20.6498 9.36319 18.9317 9.54944 17.8007 10.6805C16.6534 11.8278 16.4783 13.5791 17.2753 14.9108L11.4189 20.7672H7.84497V5.33332C7.84497 4.22875 8.7404 3.33331 9.84497 3.33331H19.8175C20.3553 3.33331 20.8705 3.54994 21.2467 3.93431L26.4945 9.29553C26.8603 9.6693 27.0652 10.1715 27.0652 10.6945Z"/></svg>;
}

const IconStopUpdate = React.forwardRef(IconStopUpdateComponent);
export default IconStopUpdate;
