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

function IconTouchpadModeWorkflowComponent(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-mode-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="m15.75 1.167.146.003A2.833 2.833 0 0 1 18.583 4v12l-.004.146a2.833 2.833 0 0 1-2.549 2.673l-.134.01-.15.004H4.254l-.15-.004a2.833 2.833 0 0 1-2.673-2.549l-.01-.134-.004-.15V4A2.833 2.833 0 0 1 4.25 1.167h11.5ZM4.25 2.833c-.645 0-1.166.523-1.166 1.167v12c0 .644.521 1.167 1.166 1.167h11.5c.645 0 1.166-.523 1.166-1.167V4c0-.566-.402-1.039-.938-1.145l-.108-.016-.009-.001-.103-.005H4.25Zm8.25 10.333a.833.833 0 0 1 0 1.667h-5a.833.833 0 0 1 0-1.667h5Z"/></svg>;
}

const IconTouchpadModeWorkflow = React.forwardRef(IconTouchpadModeWorkflowComponent);
export default IconTouchpadModeWorkflow;
