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

function IconUserVariableComponent(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-user_variable${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 18 18" {...rest} ref={ref}><path d="M14.625 1.5C15.6605 1.5 16.5 2.33947 16.5 3.375V14.625C16.5 15.6605 15.6605 16.5 14.625 16.5H3.375C2.33947 16.5 1.5 15.6605 1.5 14.625V3.375C1.5 2.33947 2.33947 1.5 3.375 1.5H14.625ZM6 5.25C5.58579 5.25 5.25 5.58579 5.25 6V7.125C5.25 7.53921 5.58579 7.875 6 7.875C6.41421 7.875 6.75 7.53921 6.75 7.125V6.75H8.25V12C7.83579 12 7.5 12.3358 7.5 12.75C7.5 13.1642 7.83579 13.5 8.25 13.5H9.75C10.1642 13.5 10.5 13.1642 10.5 12.75C10.5 12.3358 10.1642 12 9.75 12V6.75H11.25V7.125C11.25 7.53921 11.5858 7.875 12 7.875C12.4142 7.875 12.75 7.53921 12.75 7.125V6C12.75 5.58579 12.4142 5.25 12 5.25H6Z"/></svg>;
}

const IconUserVariable = React.forwardRef(IconUserVariableComponent);
export default IconUserVariable;
