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

function IconWflSetVariableComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
    const { prefix: prefixFromContext } = useContext(Context);
    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = false, spin, ...rest } = props;

    const prefix = prefixFromProps || prefixFromContext || 'hiagent';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-wfl_set_variable${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : 'none'} viewBox="0 0 20 20" {...rest} ref={ref}><rect width="20" height="20" fill={useCurrentColor ? 'currentColor' : '#669AFF'} rx="6"/><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M6.81969 7.5C6.81969 7.1 6.91419 6.8 7.29161 6.7C7.95193 6.5 8.51835 6.2 9.17867 6.4C9.7445 6.5 10.1225 6.8 10.4054 7.5C10.4999 7.9 10.5944 8.4 10.7828 8.8C10.8779 8.7 10.8779 8.6 10.9718 8.5C11.2547 8 11.5377 7.5 11.9157 7C12.1041 6.8 12.2931 6.5 12.576 6.4C13.0479 6.1 13.5198 6.3 13.8027 6.7C14.0856 7.1 14.0856 7.8 13.7082 8.2C13.3308 8.7 12.8589 8.8 12.387 8.7C12.2931 8.7 12.1041 8.7 12.0096 8.6C11.8212 8.5 11.6322 8.6 11.4437 8.8C11.3492 9 11.1602 9.2 11.0663 9.4C11.0663 9.5 10.9718 9.6 11.0663 9.7C11.2547 10.5 11.4437 11.3 11.6322 12C11.8212 12.7 12.2931 13 12.9534 12.8C13.1424 12.8 13.2363 12.7 13.4253 12.7C13.4253 13.2 13.3308 13.3 12.9534 13.5C12.3876 13.8 11.7267 14 11.0663 13.9C10.4999 13.8 10.028 13.5 9.83959 12.8C9.74509 12.4 9.65059 11.9 9.46217 11.4C9.36767 11.5 9.36767 11.6 9.27317 11.7C8.99026 12.2 8.70735 12.8 8.32935 13.3C8.15118 13.5793 7.88547 13.7905 7.57452 13.9C7.10261 14.1 6.63069 13.9 6.44228 13.5C6.25328 13.1 6.25328 12.4 6.53678 12C6.91419 11.5 7.3861 11.4 7.95193 11.5C8.04643 11.5 8.14093 11.5 8.23543 11.6C8.51835 11.8 8.70676 11.7 8.80126 11.4C8.89576 11.2 9.08418 11 9.17867 10.8C9.27317 10.7 9.27317 10.6 9.17867 10.5C8.99026 9.8 8.89576 9.1 8.70676 8.5C8.42385 7.6 8.04643 7.3 7.29161 7.6C7.10261 7.5 7.00869 7.5 6.81969 7.5ZM14.4047 15C15.1601 13.4 15.6315 11.8 15.6315 10C15.6315 8.2 15.3485 6.6 14.5931 5H15.726C15.8205 5 15.8205 5.1 15.8205 5.1C16.7643 6.8 17.1417 8.7 16.9527 10.8C16.7643 12.3 16.1979 13.6 15.5375 14.8C15.5375 14.9 15.443 14.9 15.3485 14.9C15.0656 15 14.7827 15 14.4047 15ZM5.36837 5C3.95263 8.4 4.04713 11.7 5.65128 15H4.61296C4.61296 15 4.51904 15 4.51904 14.9C3.85755 13.7 3.29172 12.5 3.1033 11.1C2.82039 9 3.1033 7 4.14163 5.2C4.23554 5.1 4.33004 5 4.42454 5H5.36837Z"/></svg>;
}

const IconWflSetVariable = React.forwardRef(IconWflSetVariableComponent);
export default IconWflSetVariable;
