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

function IconPackagingComponent(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-packaging${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 16 16" {...rest} ref={ref}><path d="M8.60002 11.8C8.21343 11.8 7.90002 12.1134 7.90002 12.5C7.90002 12.8866 8.21343 13.2 8.60002 13.2H12.7154L11.9103 14.005C11.637 14.2784 11.637 14.7216 11.9103 14.995C12.1837 15.2683 12.6269 15.2683 12.9003 14.995L14.9003 12.995C15.1737 12.7216 15.1737 12.2784 14.9003 12.005L12.9003 10.005C12.6269 9.73165 12.1837 9.73165 11.9103 10.005C11.637 10.2784 11.637 10.7216 11.9103 10.995L12.7154 11.8H8.60002Z"/><path fillRule="evenodd" d="M0.900024 3.19667C0.900024 1.74273 2.07867 0.564087 3.53261 0.564087H12.4674C13.9214 0.564087 15.1 1.74273 15.1 3.19667V8.28205C15.1 8.67856 14.7786 9 14.3821 9V9C13.9855 9 13.6641 8.67856 13.6641 8.28205V3.19667C13.6641 2.53579 13.1283 2.00004 12.4674 2.00004H3.53261C2.87173 2.00004 2.33598 2.53579 2.33598 3.19667V12.4674C2.33598 13.1283 2.87173 13.6641 3.53261 13.6641H6.28205C6.67856 13.6641 7 13.9855 7 14.3821V14.3821C7 14.7786 6.67856 15.1 6.28205 15.1H3.53261C2.07867 15.1 0.900024 13.9214 0.900024 12.4674V3.19667ZM4.80904 4.32004C4.41251 4.32004 4.09106 4.64149 4.09106 5.03802C4.09106 5.43455 4.41251 5.756 4.80904 5.756H11.191C11.5875 5.756 11.9089 5.43455 11.9089 5.03802C11.9089 4.64149 11.5875 4.32004 11.191 4.32004H4.80904ZM4.80904 7.56404C4.41251 7.56404 4.09106 7.88549 4.09106 8.28202C4.09106 8.67855 4.41251 9 4.80904 9H11.191C11.5875 9 11.9089 8.67855 11.9089 8.28202C11.9089 7.88549 11.5875 7.56404 11.191 7.56404H4.80904Z" clipRule="evenodd"/></svg>;
}

const IconPackaging = React.forwardRef(IconPackagingComponent);
export default IconPackaging;
