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

function IconAgentDeploymentPackageComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
    const { prefix: prefixFromContext } = useContext(Context);
    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = false, spin, ...rest } = props;

    const prefix = prefixFromProps || prefixFromContext || 'hiagent';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-agent_deployment-package${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : 'none'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><rect width="24" height="24" rx="4" fill={useCurrentColor ? 'currentColor' : '#E1EDFB'}/><path d="M17.726 15.0226C17.2366 14.0307 16.2184 13.3467 15.0367 13.3467C13.4539 13.3467 12.1599 14.5738 12.0477 16.1279C10.8839 16.4598 10.0364 17.4768 10.0364 18.68C10.0364 20.0993 11.2157 21.2655 12.703 21.3467H17.7033C19.359 21.3467 20.703 19.9286 20.703 18.1799C20.703 16.4944 19.3864 15.1217 17.726 15.0226Z" fill={useCurrentColor ? 'currentColor' : 'url(#svg_2ed2ce7082__paint0_linear_35477_1224983)'}/><path d="M13.3184 2.18164C14.1173 2.18164 14.8831 2.50066 15.4463 3.06738L19.8555 7.50488C20.4138 8.06692 20.7275 8.82788 20.7275 9.62012V14.1211C20.1986 13.7061 19.5865 13.3918 18.9209 13.207C18.008 12.0775 16.6121 11.3467 15.0361 11.3467C12.8398 11.3469 10.9807 12.7624 10.3086 14.7275C8.97679 15.5342 8.03625 16.966 8.03613 18.6797C8.03613 19.9151 8.52034 21.0033 9.29102 21.8184H5.32617C5.05651 21.8184 4.78918 21.765 4.54004 21.6611C4.29096 21.5573 4.06466 21.4048 3.87402 21.2129C3.68335 21.021 3.53191 20.7928 3.42871 20.542C3.32559 20.2913 3.27246 20.0223 3.27246 19.751V4.24902C3.27246 3.97768 3.32559 3.70871 3.42871 3.45801C3.53191 3.20723 3.68334 2.97905 3.87402 2.78711C4.06467 2.59521 4.29096 2.44274 4.54004 2.33887C4.78918 2.23499 5.05651 2.18164 5.32617 2.18164H13.3184ZM7.49414 12.6318H6.44141C5.88912 12.6318 5.44141 13.0796 5.44141 13.6318V13.6982C5.44141 14.2505 5.88912 14.6982 6.44141 14.6982H6.49414C7.04643 14.6982 7.49414 14.2505 7.49414 13.6982V12.6318H8.54785C9.10005 12.6318 9.54772 12.184 9.54785 11.6318V11.5645C9.54777 11.0122 9.10009 10.5645 8.54785 10.5645H7.49414V12.6318ZM7.49414 8.49805H6.44141C5.88912 8.49805 5.44141 8.94576 5.44141 9.49805V9.56445C5.44141 10.1167 5.88912 10.5645 6.44141 10.5645H7.49414V8.49805H8.54785C9.09999 8.49805 9.54762 8.05013 9.54785 7.49805V7.43066C9.54785 6.87838 9.10014 6.43066 8.54785 6.43066H7.49414V8.49805ZM6.44141 4.36328C5.88924 4.36328 5.4416 4.81116 5.44141 5.36328V5.43066C5.44143 5.98293 5.88913 6.43066 6.44141 6.43066H7.49414V5.36328C7.49395 4.81116 7.0463 4.36328 6.49414 4.36328H6.44141Z" fill={useCurrentColor ? 'currentColor' : 'url(#svg_2ed2ce7082__paint1_linear_35477_1224983)'}/><defs><linearGradient id="svg_2ed2ce7082__paint0_linear_35477_1224983" x1="15.37" y1="13.347" x2="15.37" y2="21.347" gradientUnits="userSpaceOnUse"><stop stopColor="#349AFF"/><stop offset="1" stopColor="#2C8FF2"/></linearGradient><linearGradient id="svg_2ed2ce7082__paint1_linear_35477_1224983" x1="12" y1="2.182" x2="12" y2="21.818" gradientUnits="userSpaceOnUse"><stop stopColor="#5892FF"/><stop offset="1" stopColor="#2D76FF"/></linearGradient></defs></svg>;
}

const IconAgentDeploymentPackage = React.forwardRef(IconAgentDeploymentPackageComponent);
export default IconAgentDeploymentPackage;
