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

function IconVariableAssignmentComponent(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-variable_assignment${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' : '#FF9600'} rx="6"/><g fill={useCurrentColor ? 'currentColor' : '#fff'}><path d="M4.75004 5.91667V15.0833H15.25V5.91667H4.75004ZM16.4167 15.0833C16.4167 15.7277 15.8944 16.25 15.25 16.25H4.75004C4.10571 16.25 3.58337 15.7277 3.58337 15.0833V5.91667C3.58337 5.27233 4.10571 4.75 4.75004 4.75H15.25C15.8944 4.75 16.4167 5.27233 16.4167 5.91667V15.0833Z"/><path d="M4.16663 5.91666C4.16663 5.5945 4.42779 5.33333 4.74996 5.33333H15.25C15.5721 5.33333 15.8333 5.5945 15.8333 5.91666V7.66666H4.16663V5.91666Z"/><path d="M4.75004 5.91667V7.08333H15.25V5.91667H4.75004zM16.4167 7.66667C16.4167 7.98883 16.1555 8.25 15.8334 8.25H4.16671C3.84454 8.25 3.58337 7.98883 3.58337 7.66667V5.91667C3.58337 5.27233 4.10571 4.75 4.75004 4.75H15.25C15.8944 4.75 16.4167 5.27234 16.4167 5.91667V7.66667zM7.5847 9.63575C7.83217 9.42952 8.20071 9.46252 8.40696 9.70997 8.61307 9.95744 8.57916 10.326 8.33177 10.5322L7.072 11.5811 8.37083 12.8799 8.41087 12.9238C8.59767 13.1529 8.58416 13.4905 8.37083 13.7041 8.15728 13.9177 7.81967 13.931 7.59056 13.7441L7.54563 13.7041 5.79563 11.9541C5.67999 11.8383 5.61836 11.6791 5.62571 11.5156 5.6332 11.352 5.70888 11.1986 5.8347 11.0938L7.5847 9.63575zM10.3962 9.50977C10.713 9.56754 10.9226 9.87163 10.865 10.1885L10.282 13.3965C10.2243 13.7133 9.92103 13.9236 9.60423 13.8662 9.28727 13.8086 9.0769 13.5045 9.1345 13.1875L9.71751 9.9795C9.77514 9.66255 10.0793 9.45217 10.3962 9.50977zM11.5935 9.70997C11.7869 9.47811 12.1229 9.4343 12.3679 9.59962L12.4158 9.63575 14.1658 11.0938 14.2097 11.1357C14.3086 11.2375 14.3682 11.3725 14.3747 11.5156 14.3821 11.6792 14.3196 11.8383 14.2038 11.9541L12.4538 13.7041C12.226 13.9319 11.8574 13.9319 11.6296 13.7041 11.4018 13.4763 11.4018 13.1077 11.6296 12.8799L12.9265 11.5811 11.6677 10.5322 11.6238 10.4912C11.4172 10.2799 11.4002 9.94187 11.5935 9.70997z"/></g></svg>;
}

const IconVariableAssignment = React.forwardRef(IconVariableAssignmentComponent);
export default IconVariableAssignment;
