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

function IconModelWarehouseDetailComponent(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-model_warehouse_detail${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 40 40" fill={useCurrentColor ? 'currentColor' : 'none'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><rect width="40" height="40" rx="4" fill={useCurrentColor ? 'currentColor' : 'url(#svg_96d6f2e7e1__paint0_linear_5833_14323)'}/><path opacity=".5" d="M8.97399 26.6956C8.98635 27.1284 9.22209 27.525 9.59848 27.7423L19.3751 33.3869C19.5724 33.5008 19.793 33.5566 20.0132 33.5543L20.0129 21.6403C20.0128 21.2951 19.7705 20.8754 19.4716 20.7028L9.14436 14.7399C9.03745 14.9228 8.977 15.1328 8.97363 15.3515L8.97399 26.6956Z" fill={useCurrentColor ? 'currentColor' : '#D7E5FF'}/><path d="M19.3751 8.62853C19.7618 8.40524 20.2383 8.40524 20.6251 8.62853L30.4017 14.273C30.7884 14.4963 31.0267 14.909 31.0267 15.3556V26.6446C31.0267 27.0912 30.7884 27.5038 30.4017 27.7271L20.6251 33.3716C20.4356 33.481 20.2245 33.5368 20.013 33.539L20.0127 21.6251C20.0127 21.2799 19.7703 20.8602 19.4714 20.6876L9.14431 14.7248C9.25209 14.5404 9.40712 14.3835 9.59851 14.273L19.3751 8.62853zM8.97351 17.6499L8.9738 26.6715C8.97361 26.6625 8.97351 26.6536 8.97351 26.6446V17.6499z" fill={useCurrentColor ? 'currentColor' : '#EBF1FF'}/><defs><linearGradient id="svg_96d6f2e7e1__paint0_linear_5833_14323" x1="40" y1="3" x2="-9" y2="50" gradientUnits="userSpaceOnUse"><stop stopColor="#5F9FFF"/><stop offset="1" stopColor="#4281FF"/></linearGradient></defs></svg>;
}

const IconModelWarehouseDetail = React.forwardRef(IconModelWarehouseDetailComponent);
export default IconModelWarehouseDetail;
