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

function IconMinimumQueueComponent(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-minimum_queue${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 18 18" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M9.91195 10.7263C10.3395 10.7264 10.6864 11.0732 10.6864 11.5007V15.8025C10.6864 16.2301 10.3395 16.5768 9.91195 16.5769C9.48424 16.5769 9.13754 16.2302 9.13754 15.8025V11.5007C9.13754 11.0731 9.48424 10.7263 9.91195 10.7263ZM12.493 10.7263C12.9206 10.7263 13.2674 11.0731 13.2674 11.5007V15.8025C13.2674 16.2302 12.9206 16.5769 12.493 16.5769C12.0653 16.5769 11.7186 16.2302 11.7186 15.8025V11.5007C11.7186 11.0731 12.0653 10.7263 12.493 10.7263ZM15.0741 10.7263C15.5017 10.7263 15.8485 11.0731 15.8485 11.5007V14.9421C15.8485 14.9897 15.8869 15.028 15.9344 15.0281H17.2254C17.6529 15.0282 17.9997 15.375 17.9998 15.8025C17.9998 16.2301 17.653 16.5768 17.2254 16.5769H15.9344C15.0316 16.5768 14.2996 15.845 14.2996 14.9421V11.5007C14.2996 11.0732 14.6464 10.7264 15.0741 10.7263ZM6.6434 2.38746C7.7963 1.6208 9.16809 1.29431 10.5282 1.46949C11.8879 1.64468 13.1417 2.30881 14.0828 3.33961C15.0231 4.3695 15.5962 5.70426 15.7166 7.11793C15.7527 7.54376 15.4374 7.91831 15.0116 7.95484C14.5854 7.99115 14.21 7.67491 14.1737 7.24879C14.0813 6.16469 13.6417 5.15385 12.9383 4.38355C12.2359 3.61444 11.3144 3.13244 10.3309 3.00563C9.34761 2.87894 8.34893 3.11353 7.50082 3.6775C6.65178 4.24219 6.0014 5.10563 5.66879 6.1316C5.65978 6.15938 5.64865 6.18705 5.63656 6.21363C5.55266 6.39814 5.41764 6.56032 5.24105 6.67555C5.08055 6.78028 4.89361 6.8412 4.69906 6.8484C3.81752 6.93983 2.99144 7.3912 2.40023 8.12574C1.80155 8.86963 1.49491 9.84174 1.55746 10.8337C1.62004 11.8256 2.04545 12.7426 2.72836 13.3914C3.40961 14.0383 4.29239 14.3685 5.18636 14.3259C5.19864 14.3253 5.21118 14.325 5.22347 14.325H7.21078C7.63847 14.325 7.98519 14.6717 7.98519 15.0994C7.98507 15.5269 7.6384 15.8738 7.21078 15.8738H5.24105C3.91847 15.9314 2.63521 15.4379 1.66195 14.5134C0.685556 13.586 0.0978478 12.299 0.0115599 10.9314C-0.0747188 9.56401 0.345525 8.20839 1.1932 7.15504C1.98329 6.17328 3.08999 5.52422 4.30746 5.33766C4.77013 4.12816 5.58311 3.09253 6.6434 2.38746Z"/></svg>;
}

const IconMinimumQueue = React.forwardRef(IconMinimumQueueComponent);
export default IconMinimumQueue;
