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

function IconNodeTimeConsumptionComponent(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-node_time_consumption${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}><g clipPath="url(#svg_e8cd12dad1__clip0_4472_13569)"><path fillRule="evenodd" clipRule="evenodd" d="M9 0.75C13.5563 0.75 17.25 4.44365 17.25 9C17.25 13.5563 13.5563 17.25 9 17.25C4.44365 17.25 0.75 13.5563 0.75 9C0.75 4.44365 4.44365 0.75 9 0.75ZM9 2.25C5.27208 2.25 2.25 5.27208 2.25 9C2.25 12.7279 5.27208 15.75 9 15.75C12.7279 15.75 15.75 12.7279 15.75 9C15.75 5.27208 12.7279 2.25 9 2.25ZM9.375 5.25C9.58211 5.25 9.75 5.41789 9.75 5.625V8.25H12.375C12.5821 8.25 12.75 8.41789 12.75 8.625V9.375C12.75 9.58211 12.5821 9.75 12.375 9.75H8.625C8.41789 9.75 8.25 9.58211 8.25 9.375V5.625C8.25 5.41789 8.41789 5.25 8.625 5.25H9.375Z"/></g><defs><clipPath id="svg_e8cd12dad1__clip0_4472_13569"><path d="M0 0H18V18H0z"/></clipPath></defs></svg>;
}

const IconNodeTimeConsumption = React.forwardRef(IconNodeTimeConsumptionComponent);
export default IconNodeTimeConsumption;
