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

function IconPluginOutlinedComponent(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_outlined${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}><path d="M8.33332 0.666626C9.57586 0.666626 10.62 1.51647 10.916 2.66663H13.1198C13.2881 2.66664 13.4219 2.69235 13.5625 2.76754C13.7059 2.8442 13.8224 2.96079 13.8991 3.10413C13.9743 3.24473 14 3.37853 14 3.54683V6.99996H13.3333C12.5969 6.99996 12 7.59689 12 8.33329C12 9.06969 12.5969 9.66663 13.3333 9.66663H14V13.1198C14 13.2881 13.9743 13.4218 13.8991 13.5625C13.8224 13.7058 13.7059 13.8224 13.5625 13.899C13.4219 13.9742 13.2881 14 13.1198 14H3.54686C3.37856 14 3.24476 13.9742 3.10416 13.899C2.96082 13.8224 2.84423 13.7058 2.76757 13.5625C2.69238 13.4218 2.66667 13.2881 2.66666 13.1198V10.916C1.5165 10.62 0.666656 9.57583 0.666656 8.33329C0.666656 7.09076 1.5165 6.04664 2.66666 5.75061V3.54683C2.66667 3.37853 2.69238 3.24473 2.76757 3.10413C2.84423 2.96079 2.96082 2.8442 3.10416 2.76754C3.24476 2.69235 3.37856 2.66664 3.54686 2.66663H5.75064C6.04667 1.51647 7.09079 0.666626 8.33332 0.666626ZM8.33332 1.99996C7.59692 1.99996 6.99999 2.59691 6.99999 3.33329V3.99996H3.99999V6.99996H3.33332C2.59694 6.99996 1.99999 7.59689 1.99999 8.33329C1.99999 9.06969 2.59694 9.66663 3.33332 9.66663H3.99999V12.6666H12.6667V10.916C11.5165 10.62 10.6667 9.57583 10.6667 8.33329C10.6667 7.09076 11.5165 6.04664 12.6667 5.75061V3.99996H9.66666V3.33329C9.66666 2.59691 9.06972 1.99996 8.33332 1.99996Z"/></svg>;
}

const IconPluginOutlined = React.forwardRef(IconPluginOutlinedComponent);
export default IconPluginOutlined;
