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

function IconWorkflowFullscreenComponent(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-workflow_fullscreen${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 24 24" {...rest} ref={ref}><path fillRule="evenodd" d="M2 3a1 1 0 0 1 1-1h4.5a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H4v3.5a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5V3Zm20 18a1 1 0 0 1-1 1h-4.5a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5H20v-3.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5V21ZM3 22a1 1 0 0 1-1-1v-4.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5V20h3.5a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3ZM21 2a1 1 0 0 1 1 1v4.5a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5V4h-3.5a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5H21Z" clipRule="evenodd"/><path fillRule="evenodd" d="M1.8 3A1.2 1.2 0 0 1 3 1.8h4.5a.7.7 0 0 1 .7.7v1a.7.7 0 0 1-.7.7H4.2v3.3a.7.7 0 0 1-.7.7h-1a.7.7 0 0 1-.7-.7V3ZM4 7.5a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5V3a1 1 0 0 1 1-1h4.5a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H4v3.5ZM22.2 21a1.2 1.2 0 0 1-1.2 1.2h-4.5a.7.7 0 0 1-.7-.7v-1a.7.7 0 0 1 .7-.7h3.3v-3.3a.7.7 0 0 1 .7-.7h1a.7.7 0 0 1 .7.7V21ZM20 16.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5V21a1 1 0 0 1-1 1h-4.5a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5H20v-3.5ZM3 22.2A1.2 1.2 0 0 1 1.8 21v-4.5a.7.7 0 0 1 .7-.7h1a.7.7 0 0 1 .7.7v3.3h3.3a.7.7 0 0 1 .7.7v1a.7.7 0 0 1-.7.7H3ZM7.5 20a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a1 1 0 0 1-1-1v-4.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5V20h3.5ZM21 1.8A1.2 1.2 0 0 1 22.2 3v4.5a.7.7 0 0 1-.7.7h-1a.7.7 0 0 1-.7-.7V4.2h-3.3a.7.7 0 0 1-.7-.7v-1a.7.7 0 0 1 .7-.7H21ZM16.5 4a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5H21a1 1 0 0 1 1 1v4.5a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5V4h-3.5Z" clipRule="evenodd"/></svg>;
}

const IconWorkflowFullscreen = React.forwardRef(IconWorkflowFullscreenComponent);
export default IconWorkflowFullscreen;
