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

function IconModelWarehouseComponent(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-model_warehouse${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 20 20" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path opacity=".5" d="M2.64932 13.7971C2.65755 14.0856 2.81471 14.3501 3.06565 14.4949L9.58336 18.2579C9.7149 18.3339 9.86202 18.3711 10.0088 18.3695L10.0086 10.4269C10.0086 10.1968 9.847 9.91697 9.64771 9.8019L2.7629 5.82666C2.69162 5.94858 2.65133 6.08856 2.64908 6.23435L2.64932 13.7971Z"/><path d="M9.58336 1.75227C9.84119 1.60341 10.1589 1.60341 10.4167 1.75227L16.9344 5.51528C17.1922 5.66414 17.3511 5.93924 17.3511 6.23696V13.763C17.3511 14.0607 17.1922 14.3358 16.9344 14.4847L10.4167 18.2477C10.2904 18.3206 10.1497 18.3578 10.0087 18.3593L10.0084 10.4167C10.0084 10.1865 9.84684 9.90672 9.64756 9.79166L2.76284 5.81647C2.8347 5.69353 2.93805 5.58894 3.06564 5.51528L9.58336 1.75227zM2.64898 7.76651L2.64917 13.7809C2.64904 13.7749 2.64898 13.769 2.64898 13.763V7.76651z"/></svg>;
}

const IconModelWarehouse = React.forwardRef(IconModelWarehouseComponent);
export default IconModelWarehouse;
