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

function IconPluginFilledComponent(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 || 'font';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-Plugin_Filled${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M15.9998 1.7002C18.0984 1.7002 19.7995 3.40136 19.7996 5.5V6H22.4998C23.3282 6 23.9997 6.67161 23.9998 7.5C23.9998 8.32843 23.3282 9 22.4998 9H19.7996V15H22.4998C23.3282 15 23.9997 15.6716 23.9998 16.5C23.9998 17.3284 23.3282 18 22.4998 18H19.7996V18.5C19.7996 20.5987 18.0984 22.2998 15.9998 22.2998H9.99976C5.13974 22.2997 1.19995 18.36 1.19995 13.5V10.5C1.20001 5.64001 5.13977 1.7003 9.99976 1.7002H15.9998ZM6.99976 8.5C6.30951 8.5001 5.7498 9.05974 5.74976 9.75V14.25C5.74976 14.9403 6.30948 15.4999 6.99976 15.5C7.69011 15.5 8.24976 14.9404 8.24976 14.25V9.75C8.24971 9.05968 7.69008 8.5 6.99976 8.5Z"/></svg>;
}

const IconPluginFilled = React.forwardRef(IconPluginFilledComponent);
export default IconPluginFilled;
