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

function IconPluginListedAddComponent(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-plugin_listed_add${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 16 16" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><g fillRule="evenodd" clipRule="evenodd"><path d="M2.09998 8.00013C2.09998 7.61354 2.41338 7.30014 2.79998 7.30014H13.1999C13.5865 7.30014 13.8999 7.61354 13.8999 8.00013C13.8999 8.38673 13.5865 8.70014 13.1999 8.70014H2.79998C2.41338 8.70014 2.09998 8.38673 2.09998 8.00013Z"/><path d="M7.99993 2.10028C8.38653 2.10028 8.69993 2.41368 8.69993 2.80028V13.2003C8.69993 13.5869 8.38653 13.9003 7.99993 13.9003C7.61333 13.9003 7.29993 13.5869 7.29993 13.2003V2.80028C7.29993 2.41368 7.61333 2.10028 7.99993 2.10028Z"/></g></svg>;
}

const IconPluginListedAdd = React.forwardRef(IconPluginListedAddComponent);
export default IconPluginListedAdd;
