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

function IconRunConfigurationComponent(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-run-configuration${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : 'none'} viewBox="0 0 24 24" {...rest} ref={ref}><rect width="24" height="24" fill={useCurrentColor ? 'currentColor' : '#34D9D9'} rx="4"/><g fill={useCurrentColor ? 'currentColor' : '#fff'}><path d="M4.875 7.25001C4.875 6.15692 5.76111 5.27084 6.85417 5.27084H11.2083C11.6456 5.27084 12 5.62528 12 6.06251C12 6.49974 11.6456 6.85418 11.2083 6.85418H6.85417C6.63555 6.85418 6.45833 7.03139 6.45833 7.25001V14.7708H17.5417V11.2083C17.5417 10.7711 17.8961 10.4167 18.3333 10.4167C18.7706 10.4167 19.125 10.7711 19.125 11.2083V15.5625C19.125 15.9997 18.7706 16.3542 18.3333 16.3542H5.66667C5.22944 16.3542 4.875 15.9997 4.875 15.5625V7.25001Z"/><path d="M4.0835 15.5625H19.9168V16.3542C19.9168 17.6658 18.8535 18.7292 17.5418 18.7292H6.4585C5.14682 18.7292 4.0835 17.6658 4.0835 16.3542V15.5625Z"/><path d="M4.87484 16.3542C4.87484 17.2286 5.58372 17.9375 6.45817 17.9375H17.5415C18.416 17.9375 19.1248 17.2286 19.1248 16.3542H4.87484zM20.7082 16.3542C20.7082 18.1031 19.2904 19.5208 17.5415 19.5208H6.45817C4.70927 19.5208 3.2915 18.1031 3.2915 16.3542V15.5625L3.29537 15.4813C3.33601 15.0822 3.67334 14.7708 4.08317 14.7708H19.9165L19.9977 14.7747C20.3968 14.8153 20.7082 15.1527 20.7082 15.5625V16.3542zM15.063 4.65697C15.374 4.40336 15.8323 4.42125 16.1222 4.71109 16.412 5.00093 16.4299 5.45931 16.1763 5.77025L16.1222 5.83055 15.0986 6.85415 16.1222 7.87775 16.1763 7.93806C16.4299 8.249 16.412 8.70738 16.1222 8.99722 15.8323 9.28706 15.374 9.30495 15.063 9.05134L15.0027 8.99722 13.4194 7.41389C13.1102 7.10472 13.1102 6.60359 13.4194 6.29442L15.0027 4.71109 15.063 4.65697zM17.3779 4.71109C17.6677 4.42125 18.1261 4.40336 18.437 4.65697L18.4973 4.71109 20.0807 6.29442 20.1348 6.35472C20.3884 6.66567 20.3705 7.12405 20.0807 7.41389L18.4973 8.99722C18.1882 9.30639 17.687 9.30639 17.3779 8.99722 17.0687 8.68806 17.0687 8.18692 17.3779 7.87775L18.4015 6.85415 17.3779 5.83055 17.3238 5.77025C17.0701 5.45931 17.088 5.00093 17.3779 4.71109z"/></g></svg>;
}

const IconRunConfiguration = React.forwardRef(IconRunConfigurationComponent);
export default IconRunConfiguration;
