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

function IconArtifactsOtherComponent(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-artifacts-other${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="M12.333 2.066c1.068 0 1.934.866 1.934 1.934v5.333a1.934 1.934 0 0 1-1.934 1.934h-3.74c.002.022.007.043.007.066v1.4h1.733a.6.6 0 1 1 0 1.2H5.667a.6.6 0 1 1 0-1.2H7.4v-1.4c0-.023.005-.044.007-.066h-3.74a1.934 1.934 0 0 1-1.934-1.934V4c0-1.068.866-1.934 1.934-1.934h8.666Zm-8.666 1.2A.733.733 0 0 0 2.934 4v5.333c0 .405.328.733.733.733h8.666a.733.733 0 0 0 .733-.733V4a.733.733 0 0 0-.733-.733H3.667Z"/></svg>;
}

const IconArtifactsOther = React.forwardRef(IconArtifactsOtherComponent);
export default IconArtifactsOther;
