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

function IconMenuHiagentComponent(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-hiagent${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="M14.836 13.396a.4.4 0 0 1 .745 0l.594 1.507a.405.405 0 0 0 .226.226l1.506.594a.4.4 0 0 1 0 .744l-1.506.595a.4.4 0 0 0-.226.225l-.594 1.507a.4.4 0 0 1-.745 0l-.593-1.507a.401.401 0 0 0-.226-.226l-1.507-.594a.4.4 0 0 1 0-.744l1.507-.594a.401.401 0 0 0 .226-.226l.593-1.507Zm-8.17-8.195a.8.8 0 0 1 1.45 0l1.47 3.15a.8.8 0 0 0 .387.386l3.15 1.471a.8.8 0 0 1 0 1.45l-3.15 1.47a.8.8 0 0 0-.387.386l-1.47 3.15a.8.8 0 0 1-1.45 0l-1.47-3.15a.8.8 0 0 0-.385-.386l-3.15-1.47a.8.8 0 0 1 0-1.45l3.15-1.47a.8.8 0 0 0 .386-.387l1.47-3.15ZM14.65 1.38a.6.6 0 0 1 1.116 0l.671 1.7a.601.601 0 0 0 .338.339l1.7.67a.6.6 0 0 1 0 1.117l-1.7.67a.6.6 0 0 0-.338.339l-.67 1.7a.6.6 0 0 1-1.117 0l-.67-1.7a.601.601 0 0 0-.339-.338l-1.7-.67a.6.6 0 0 1 0-1.117l1.7-.671a.603.603 0 0 0 .339-.339l.67-1.7Z"/></svg>;
}

const IconMenuHiagent = React.forwardRef(IconMenuHiagentComponent);
export default IconMenuHiagent;
