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

function IconMenuAgentComponent(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-menu-agent${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="M10 2C6.61337 2 4.55616 2.66861 3.36961 3.91334C2.18306 5.15807 2 6.84519 2 8.5C2 10.1548 2.18306 11.8408 3.36961 13.0867C4.55616 14.3314 6.61337 15 10 15C13.3866 15 15.4438 14.3314 16.6304 13.0867C17.8169 11.8419 18 10.1548 18 8.5C18 6.84519 17.8169 5.15807 16.6293 3.91334C15.4438 2.66861 13.3866 2 10 2ZM5.86438 6.96777C6.08641 6.96777 6.29935 7.05582 6.45635 7.21256C6.61335 7.36929 6.70155 7.58187 6.70155 7.80353V9.19647C6.70155 9.41813 6.61335 9.6307 6.45635 9.78744C6.29935 9.94418 6.08641 10.0322 5.86438 10.0322C5.64235 10.0322 5.42941 9.94418 5.27241 9.78744C5.11541 9.6307 5.02721 9.41813 5.02721 9.19647V7.80353C5.02721 7.58187 5.11541 7.36929 5.27241 7.21256C5.42941 7.05582 5.64235 6.96777 5.86438 6.96777ZM14.9728 7.80353V9.19647C14.9728 9.41813 14.8846 9.6307 14.7276 9.78744C14.5706 9.94418 14.3577 10.0322 14.1356 10.0322C13.9136 10.0322 13.7007 9.94418 13.5437 9.78744C13.3867 9.6307 13.2985 9.41813 13.2985 9.19647V7.80353C13.2985 7.58187 13.3867 7.36929 13.5437 7.21256C13.7007 7.05582 13.9136 6.96777 14.1356 6.96777C14.3577 6.96777 14.5706 7.05582 14.7276 7.21256C14.8846 7.36929 14.9728 7.58187 14.9728 7.80353Z"/><rect width="10" height="2" x="5" y="16" opacity=".5" rx="1"/></svg>;
}

const IconMenuAgent = React.forwardRef(IconMenuAgentComponent);
export default IconMenuAgent;
