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

function IconSystemLimitationsComponent(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-system_limitations${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 d="M15.018 11a2 2 0 0 1 2 2v2.31a2 2 0 0 1-2 2H4.185a2 2 0 0 1-2-2V13a2 2 0 0 1 2-2h10.833Zm-.868-8.309a3.666 3.666 0 1 1 0 7.332 3.666 3.666 0 0 1 0-7.332Zm-5.382.619a.75.75 0 0 1 .734.598A5.226 5.226 0 0 0 8.9 6.35c0 .893.224 1.735.618 2.471v.239a.75.75 0 0 1-.75.75H4.185a2 2 0 0 1-2-2v-2.5a2 2 0 0 1 2-2h4.583Zm5.382.881a2.167 2.167 0 1 0 0 4.333 2.167 2.167 0 0 0 0-4.333Zm0 .916a1.25 1.25 0 1 1 0 2.501 1.25 1.25 0 0 1 0-2.5Z"/></svg>;
}

const IconSystemLimitations = React.forwardRef(IconSystemLimitationsComponent);
export default IconSystemLimitations;
