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

function IconWorkspaceSettingComponent(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-workspace-setting${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 24 24" {...rest} ref={ref}><g><path d="m9.183 4.692.684-1.707c.115-.29.318-.538.582-.714.265-.175.578-.27.899-.27h1.304c.322 0 .634.095.899.27.264.175.466.425.582.714l.684 1.707 2.325 1.293 1.878-.278c.314-.04.63.01.915.143.284.135.519.348.677.612l.637 1.077a1.497 1.497 0 0 1-.127 1.739l-1.163 1.429v2.586l1.194 1.43a1.498 1.498 0 0 1 .128 1.738l-.638 1.077c-.16.266-.396.48-.677.612a1.639 1.639 0 0 1-.915.143l-1.877-.278-2.325 1.293-.684 1.707a1.56 1.56 0 0 1-.582.714 1.63 1.63 0 0 1-.899.27h-1.336a1.63 1.63 0 0 1-.899-.27 1.548 1.548 0 0 1-.582-.714l-.684-1.707-2.325-1.293-1.878.277a1.64 1.64 0 0 1-.915-.142 1.572 1.572 0 0 1-.677-.612l-.637-1.077a1.497 1.497 0 0 1 .127-1.738l1.163-1.43v-2.586l-1.194-1.43A1.497 1.497 0 0 1 2.72 7.54l.637-1.077c.157-.264.393-.477.676-.612.284-.133.602-.183.915-.143l1.878.278 2.356-1.293h.001ZM8.817 12c0 .816.335 1.599.931 2.175a3.24 3.24 0 0 0 2.252.901 3.24 3.24 0 0 0 2.25-.9c.598-.577.934-1.36.934-2.176 0-.816-.335-1.599-.934-2.175A3.24 3.24 0 0 0 12 8.924a3.24 3.24 0 0 0-2.25.9A3.025 3.025 0 0 0 8.817 12Z"/></g></svg>;
}

const IconWorkspaceSetting = React.forwardRef(IconWorkspaceSettingComponent);
export default IconWorkspaceSetting;
