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

function IconBlowUpComponent(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-blow-up${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 20 20" {...rest} ref={ref}><path fillRule="evenodd" d="M3.55263 8.52635H8.52632V3.55266C8.52632 3.40609 8.58454 3.26553 8.68818 3.16189C8.79182 3.05825 8.93238 3.00003 9.07895 3.00003H10.9211C11.0676 3.00003 11.2082 3.05825 11.3118 3.16189C11.4155 3.26553 11.4737 3.40609 11.4737 3.55266V8.52635H16.4474C16.5199 8.52635 16.5918 8.54064 16.6589 8.56841C16.7259 8.59618 16.7868 8.63689 16.8381 8.68821C16.8895 8.73952 16.9302 8.80045 16.9579 8.86749C16.9857 8.93454 17 9.0064 17 9.07898V10.9211C17 10.9937 16.9857 11.0655 16.9579 11.1326C16.9302 11.1996 16.8895 11.2605 16.8381 11.3119C16.7868 11.3632 16.7259 11.4039 16.6589 11.4316C16.5918 11.4594 16.5199 11.4737 16.4474 11.4737H11.4737V16.4474C11.4737 16.52 11.4594 16.5918 11.4316 16.6589C11.4038 16.7259 11.3631 16.7869 11.3118 16.8382C11.2605 16.8895 11.1996 16.9302 11.1325 16.958C11.0655 16.9857 10.9936 17 10.9211 17H9.07895C9.00637 17 8.93451 16.9857 8.86746 16.958C8.80042 16.9302 8.73949 16.8895 8.68818 16.8382C8.63686 16.7869 8.59615 16.7259 8.56838 16.6589C8.54061 16.5918 8.52632 16.52 8.52632 16.4474V11.4737H3.55263C3.40606 11.4737 3.2655 11.4155 3.16186 11.3119C3.05822 11.2082 3 11.0676 3 10.9211V9.07898C3 8.93241 3.05822 8.79185 3.16186 8.68821C3.2655 8.58457 3.40606 8.52635 3.55263 8.52635Z" clipRule="evenodd"/></svg>;
}

const IconBlowUp = React.forwardRef(IconBlowUpComponent);
export default IconBlowUp;
