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

function IconArtifactsPicComponent(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-pic${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 14 14" {...rest} ref={ref}><path fillRule="evenodd" d="M2.527 2.858a.253.253 0 0 0-.252.253v3.651c.183-.015.367-.022.552-.022a6.036 6.036 0 0 1 3.785 1.225c.372.284.704.61.989.967a5.168 5.168 0 0 1 4.124-.251V3.11a.253.253 0 0 0-.253-.253H2.527Zm9.198 6.93a.526.526 0 0 1-.15-.039 4.114 4.114 0 0 0-3.396.07c.217.416.38.86.48 1.323h2.813c.14 0 .253-.114.253-.253V9.788Zm-4.147 1.354a4.464 4.464 0 0 0-1.604-2.343 4.987 4.987 0 0 0-3.131-1.01l-.013.001c-.186 0-.37.008-.555.027v3.072c0 .14.113.253.252.253h5.051ZM1.225 7.369v3.52c0 .72.583 1.303 1.302 1.303h8.945c.72 0 1.303-.584 1.303-1.303V3.11c0-.72-.584-1.303-1.303-1.303H2.527c-.719 0-1.302.584-1.302 1.303v4.26ZM7.58 4.552a1.4 1.4 0 1 1 1.98 1.98 1.4 1.4 0 0 1-1.98-1.98Zm.99.64a.35.35 0 1 0 0 .7.35.35 0 0 0 0-.7Z" clipRule="evenodd"/></svg>;
}

const IconArtifactsPic = React.forwardRef(IconArtifactsPicComponent);
export default IconArtifactsPic;
