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

function IconTouchpadMouseWorkflowComponent(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-touchpad-mouse-workflow${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 20 20" {...rest} ref={ref}><path d="M9.998.15a7.218 7.218 0 0 1 7.219 7.218v5.264l-.01.375a7.218 7.218 0 0 1-14.418 0h.001l-.01-.38V7.369A7.218 7.218 0 0 1 9.998.15Zm0 1.7a5.52 5.52 0 0 0-5.519 5.518v5.264a5.52 5.52 0 0 0 5.519 5.518l.284-.007a5.52 5.52 0 0 0 5.236-5.511V7.368a5.52 5.52 0 0 0-5.236-5.51l-.284-.008Zm0 2.037c.47 0 .85.38.85.85v3.158a.85.85 0 1 1-1.7 0V4.736a.85.85 0 0 1 .85-.85Z"/></svg>;
}

const IconTouchpadMouseWorkflow = React.forwardRef(IconTouchpadMouseWorkflowComponent);
export default IconTouchpadMouseWorkflow;
