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

function IconWorkflowConditionsComponent(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_conditions${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.784.825A2.287 2.287 0 1 1 7.28 4.834l-.052-.046L5.38 6.633a.658.658 0 0 1-.253.157l-.084.03.043.077c.072.132.133.272.179.417l.021.069.07-.019a.663.663 0 0 1 .17-.022h2.525l.133.013a.658.658 0 0 1 0 1.29l-.133.013H5.526a.665.665 0 0 1-.17-.021l-.069-.019-.021.069c-.066.21-.163.407-.284.586l-.063.096.112.02a.671.671 0 0 1 .35.182l1.742 1.742.053-.051a2.287 2.287 0 1 1-.654 1.288l.007-.056-.051-.023a.66.66 0 0 1-.196-.135L4.45 10.503a.657.657 0 0 1-.19-.418l-.009-.114-.102.053a2.287 2.287 0 1 1 .037-4.03l.079.044.029-.084a.655.655 0 0 1 .156-.252L6.282 3.87a.658.658 0 0 1 .229-.148l.06-.024-.014-.063A2.288 2.288 0 0 1 8.785.825Zm0 11.092a.971.971 0 0 0-.97.97l.004.1c.05.49.464.872.966.872l.1-.005a.973.973 0 0 0 .867-.867l.005-.1a.972.972 0 0 0-.872-.965l-.1-.005Zm3.673-6.762c.275.057.481.3.481.592v1.658h1.659a.604.604 0 0 1 0 1.207h-1.659v1.66l-.011.12a.605.605 0 0 1-.47.47l-.122.012a.604.604 0 0 1-.592-.481l-.012-.122V8.612h-1.658a.604.604 0 0 1 0-1.207h1.658V5.747c0-.333.27-.603.604-.603l.122.011ZM3.082 7.03a.97.97 0 0 0-.97.971l.004.1c.05.489.463.871.966.872l.1-.005a.973.973 0 0 0 .867-.867l.005-.1a.972.972 0 0 0-.872-.966l-.1-.005Zm5.702-4.887a.971.971 0 0 0-.97.97l.004.1c.05.49.464.872.966.872l.1-.005a.973.973 0 0 0 .867-.867l.005-.1a.972.972 0 0 0-.872-.966l-.1-.004Z"/></svg>;
}

const IconWorkflowConditions = React.forwardRef(IconWorkflowConditionsComponent);
export default IconWorkflowConditions;
