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

function IconWorkflowImageGenerationComponent(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-workflow_image_generation${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : 'currentColor'} viewBox="0 0 20 20" {...rest} ref={ref}><path fill={useCurrentColor ? 'currentColor' : '#7883DB'} d="M14 0H6a6 6 0 0 0-6 6v8a6 6 0 0 0 6 6h8a6 6 0 0 0 6-6V6a6 6 0 0 0-6-6Z"/><path fill={useCurrentColor ? 'currentColor' : '#fff'} stroke="#fff" strokeLinejoin="round" strokeWidth="1.5" d="M14.375 4.75h-8.75a.875.875 0 0 0-.875.875v8.75c0 .483.392.875.875.875h8.75a.875.875 0 0 0 .875-.875v-8.75a.875.875 0 0 0-.875-.875Z"/><path fill={useCurrentColor ? 'currentColor' : '#7883DB'} d="M7.458 9.52c.462-.35 1.1-.36 1.574-.026l.099.077 3.69 3.163a.75.75 0 0 1-.975 1.139l-3.58-3.067-3.01 2.76a.75.75 0 0 1-1.013-1.107l3.12-2.858.095-.08Z"/><path fill={useCurrentColor ? 'currentColor' : '#7883DB'} d="M12.12 9.558a1.334 1.334 0 0 1 1.55-.11l.101.069 1.929 1.446a.75.75 0 0 1-.9 1.2l-1.813-1.36-1.29 1.29a.75.75 0 0 1-1.06-1.06l1.392-1.392.09-.083Zm.38-2.308a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Z"/></svg>;
}

const IconWorkflowImageGeneration = React.forwardRef(IconWorkflowImageGenerationComponent);
export default IconWorkflowImageGeneration;
