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

function IconManagementBackEndComponent(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-Management-back_end${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 14 14" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M11.5512 10.6049C11.8683 10.6049 12.1254 10.862 12.1254 11.1791V11.732C12.1254 12.0492 11.8683 12.3063 11.5512 12.3063H2.44873C2.1316 12.3063 1.87451 12.0492 1.87451 11.732V11.1791C1.87451 10.862 2.1316 10.6049 2.44873 10.6049H11.5512ZM11.3598 1.69385C11.7826 1.69385 12.1254 2.03663 12.1254 2.45947V9.05661C12.1254 9.47945 11.7826 9.82223 11.3598 9.82223H2.64014C2.21729 9.82223 1.87451 9.47945 1.87451 9.05661V2.45947C1.87451 2.03663 2.21729 1.69385 2.64014 1.69385H11.3598Z"/></svg>;
}

const IconManagementBackEnd = React.forwardRef(IconManagementBackEndComponent);
export default IconManagementBackEnd;
