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

function IconInstallationPackageComponent(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-installation_package${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 14 14" {...rest} ref={ref}><path d="M9.49 1.225c.35 0 .679.166.888.447l1.127 1.515a.525.525 0 0 1 .089.189c.366.31.597.774.597 1.291v6.416c0 .934-.757 1.692-1.691 1.692h-7a1.692 1.692 0 0 1-1.691-1.692V4.667c0-.517.231-.98.597-1.291a.524.524 0 0 1 .09-.19l1.126-1.514a1.11 1.11 0 0 1 .889-.447h4.978Zm-5.99 2.8a.642.642 0 0 0-.642.642v6.416c0 .354.288.642.642.642h7a.642.642 0 0 0 .642-.642V4.667a.642.642 0 0 0-.642-.642h-7ZM6.941 5.25c.29 0 .526.235.526.525v3.108l.853-.855a.525.525 0 0 1 .742.743l-1.75 1.75a.525.525 0 0 1-.742 0l-1.75-1.75a.526.526 0 0 1 .742-.743l.855.855V5.775c0-.29.235-.525.524-.525Zm-2.43-2.975a.059.059 0 0 0-.047.024l-.503.676h6.078l-.503-.676a.06.06 0 0 0-.047-.024H4.511Z"/></svg>;
}

const IconInstallationPackage = React.forwardRef(IconInstallationPackageComponent);
export default IconInstallationPackage;
