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

function IconWorkspaceManagementComponent(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-management${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="M17.4004 9.97976L14.6057 8.36623C14.3479 8.21737 14.189 7.94226 14.189 7.64454V3.87314L16.9838 5.48668C17.2416 5.63554 17.4004 5.91064 17.4004 6.20837V9.97976Z" opacity=".5"/><path fillRule="evenodd" d="M9.58304 1.695C9.84087 1.54614 10.1585 1.54614 10.4164 1.695L14.189 3.87311V7.64446C14.189 7.94218 14.3478 8.21729 14.6056 8.36615L17.4004 9.97969V13.7916C17.4004 14.0893 17.2415 14.3644 16.9837 14.5133L10.4164 18.3049C10.1585 18.4538 9.84088 18.4538 9.58304 18.3049L3.01573 14.5133C2.75789 14.3644 2.59906 14.0893 2.59906 13.7916V6.20833C2.59906 5.91061 2.75789 5.63551 3.01573 5.48665L9.58304 1.695ZM6.57993 13.0525C6.40463 13.1537 6.1803 13.1153 6.06188 12.9512C5.87271 12.6889 5.70909 12.407 5.57467 12.1091C5.49136 11.9245 5.57031 11.7109 5.74572 11.6096L9.16696 9.63434L9.16696 5.68496C9.16696 5.48225 9.31273 5.30699 9.51445 5.28695C9.67414 5.27109 9.83612 5.26296 9.99998 5.26296C10.1641 5.26296 10.3263 5.27111 10.4862 5.28702C10.6879 5.30708 10.8336 5.48233 10.8336 5.68502L10.8336 9.63429L14.2544 11.6093C14.4298 11.7105 14.5087 11.9242 14.4255 12.1088C14.2911 12.4067 14.1275 12.6886 13.9383 12.9509C13.8199 13.115 13.5956 13.1534 13.4202 13.0522L10.0003 11.0777L6.57993 13.0525Z" clipRule="evenodd"/></svg>;
}

const IconWorkspaceManagement = React.forwardRef(IconWorkspaceManagementComponent);
export default IconWorkspaceManagement;
